bootstrap 5 有内置的水平线吗？

【问题标题】：Does bootstrap 5 have a built-in horizontal line?bootstrap 5 有内置的水平线吗？
【发布时间】：2021-05-12 14:08:08
【问题描述】：

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

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

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

就我而言：

<div class="divider py-1 bg-success"></div>

它有效，但我想这不是最佳做法......

【问题讨论】：

【解决方案1】：

是的。重新启动的一部分，并且出现在 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">

查看their docs 中的实用程序类。

【讨论】：