bootstrap5是否有内置的水平线？

html5 • • 问答

我正在寻找样式或彩色水平线，最好是成功、主要、警告类。与彩色链接类似的概念。

我在 Bootstrap 的网站上找不到这个主题。

我找到了一些参考Bootstrap v4 的可行解决方案。

就我而言：

<div></div>

它有效，但我想这不是最佳实践......

回答

是的，它确实。Reboot 的一部分，同时存在于Bootstrap-reboot.css& 中Bootstrap.css。它定义<hr>为：

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

此外，Bootstrap 5 已将其许多 UI 控制转移到实用程序类……这使您可以对 UI 进行更丰富的控制。例如，如果您想要“危险”/红色，<hr>您可以使用：

<hr class="bg-danger border-2 border-top border-danger">

在他们的文档中查看 Utility 类。

以上是bootstrap5是否有内置的水平线？的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>