首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >bootstrap 5有内置的水平线吗?

bootstrap 5有内置的水平线吗?
EN

Stack Overflow用户
提问于 2021-02-09 07:00:11
回答 1查看 9.3K关注 0票数 4

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

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

我找到了一些与Bootstrap v4.相关的有效解决方案

在我的例子中:

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

它是有效的,但我想这不是最好的做法...

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-02-09 14:33:48

是的,确实如此。是重新启动的一部分,并且在Bootstrap-reboot.cssBootstrap.css中都存在。它将<hr>定义为:

代码语言:javascript
运行
复制
hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

此外,Bootstrap 5已经将大量的UI控制转移到了实用程序类中……这使您可以对UI进行更丰富的控制。例如,如果你想要一个“危险”/红色的<hr>,你可以使用:

代码语言:javascript
运行
复制
<hr class="bg-danger border-2 border-top border-danger">

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

票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66110604

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档