Bootstrap 5有内置水平线吗?水平线、Bootstrap

2023-09-03 13:09:11 作者:中意你

我正在寻找样式或彩色水平线,最好是与成功,主要,警告类。 与colored links.

类似的概念

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

在dreamweaver中如何设置水平线宽度为90 ,高度5像素,居中,蓝色 0000FF 第3行第2列单元格中插入

我找到了一些参考Bootstrap v4.

的可行解决方案

在我的案例中:

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

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

推荐答案

是的。重新启动的一部分,并同时存在于Bootstrap-reboot.css和amp;Bootstrap.css中。它将<hr>定义为:

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}
此外,Bootstrap 5还将其大量的UI控制转移到了实用程序类中……这使您可以更丰富地控制您的用户界面。例如,如果您想要一个危险/红色<hr>,可以使用:

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

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