Bootstrap 5有内置水平线吗？ [英] Does bootstrap 5 have a built-in horizontal line?

问题描述

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

类似的概念

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

我找到了一些参考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中的实用程序类。

这篇关于Bootstrap 5有内置水平线吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！