Bootstrap 5上的<hr>标签有不同的颜色吗？
在Bootstrap 5中，<hr>标签有不同的颜色。Bootstrap 5提供了几个预定义的类来改变<hr>标签的颜色。
- 使用类名"bg-primary"可以将<hr>标签的颜色设置为主题的主色。 示例代码:
- 使用类名"bg-primary"可以将<hr>标签的颜色设置为主题的主色。 示例代码:
- 使用类名"bg-secondary"可以将<hr>标签的颜色设置为主题的次要颜色。 示例代码:
- 使用类名"bg-secondary"可以将<hr>标签的颜色设置为主题的次要颜色。 示例代码:
- 使用类名"bg-success"可以将<hr>标签的颜色设置为成功状态的颜色。 示例代码:
- 使用类名"bg-success"可以将<hr>标签的颜色设置为成功状态的颜色。 示例代码:
- 使用类名"bg-danger"可以将<hr>标签的颜色设置为危险状态的颜色。 示例代码:
- 使用类名"bg-danger"可以将<hr>标签的颜色设置为危险状态的颜色。 示例代码:
- 使用类名"bg-warning"可以将<hr>标签的颜色设置为警告状态的颜色。 示例代码:
- 使用类名"bg-warning"可以将<hr>标签的颜色设置为警告状态的颜色。 示例代码:
- 使用类名"bg-info"可以将<hr>标签的颜色设置为信息提示的颜色。 示例代码:
- 使用类名"bg-info"可以将<hr>标签的颜色设置为信息提示的颜色。 示例代码:
- 使用类名"bg-light"可以将<hr>标签的颜色设置为浅色背景的颜色。 示例代码:
- 使用类名"bg-light"可以将<hr>标签的颜色设置为浅色背景的颜色。 示例代码:
- 使用类名"bg-dark"可以将<hr>标签的颜色设置为深色背景的颜色。 示例代码:
- 使用类名"bg-dark"可以将<hr>标签的颜色设置为深色背景的颜色。 示例代码:
以上是一些Bootstrap 5中可用的类名来改变<hr>标签的颜色。这些颜色类可以根据不同的需求来选择，以便使<hr>标签与页面的整体风格一致。请注意，这些类名适用于所有的<hr>标签，并且可以与其他Bootstrap类名组合使用以实现更复杂的样式效果。
推荐的腾讯云相关产品：腾讯云云服务器CVM、云数据库MySQL、腾讯云对象存储COS等，您可以通过访问腾讯云官方网站了解更多产品信息。
相关·内容
当我使用<hr>并想要添加背景色时，我在使用bootstrap-5版本时遇到了问题。颜色不准确： 这是使用bootstrap 4 https://i.stack.imgur.com/QIY0P.png 这使用bootstrap 5 https://i.stack.imgur.com/Drlow.png我试过使用很多颜色，结果都是一样的，对于bootstra
浏览 97提问于2021-11-11得票数 0
我如何才能实现一个div，它有一个来自Bootstrap的容器类，但也有圆角？container rounded"> <div class="col">Approver:</div></div>
当我使用上面的代码时，我的角仍然看起来是方形的，但是Bootstrap 4文档指出“圆形”类应该处
浏览 1提问于2018-05-15得票数 5
有没有bootstrap 4类可以用来调整<hr />标签的厚度/颜色？
浏览 11提问于2020-02-28得票数 1
回答已采纳
0.1rem (1px)高度的hr标签有不同的厚度。这可以通过使用边框顶部属性而不是高度来解决。但我需要实现一个梯度颜色的标签，这是可能的，只有通过背景图像，所以我必须使用高度，我想。这个问题在代码页中已经被复制了，但是边框顶部的修复在这里不起作用，造成了同样的问题，当使用高度时会发生同样的问题。它似乎发生在双数行。hr {} hei
浏览 2提问于2022-05-31得票数 0
回答已采纳
这是我的代码：<div> asdf asdf
</div>-- /container -->
hr标签似乎不像我所期望的那样起作用。它没有画一条线，而是创造了一个缺口，如下所示：
浏览 21提问于2012-07-20得票数 96
回答已采纳
9回答
谷歌没有运气，还存在hr颜色问题，导致如何改变hr的颜色有人知道吗？
附注：-我知道如何更改hr标签的颜色。
浏览 2提问于2013-02-22得票数 14
回答已采纳
1回答
条形按钮项Tint颜色不工作
、、、、
正如您在附加的图像中所看到的，bar按钮的颜色设置为红色，但是它是以黑色显示的。我想这是因为文字的颜色仍然是黑色的吧？有办法改变这种状况吗？我更改了该条形按钮项的颜色、它所在的导航栏、UIBarButtonItem.appearance()以及UINavigationBar.appearance()。关闭弹出窗口并重新打开它会改变颜色。编辑
在条形按钮下面的层次结
浏览 1提问于2018-02-25得票数 1
回答已采纳
我有一个HTML页面，我想要一个有四个或五个部分的表格，这是我的第一个部分，有两列，但我的文本在左侧，我无法到达顶部。我尝试添加padding-top: 0；调整页边距，对齐。我认为div上的组合可能会添加到表行的侧边栏或mycolumn中，因为我希望在左列中添加行。
浏览 20提问于2020-06-20得票数 0
回答已采纳
2回答
我目前正在设计一个基于这个bootstrap theme (https://blackrockdigital.github.io/startbootstrap-freelancer/)的网站。我喜欢他对hr样式所做的事情(见下面的代码)，但我真的想用它来处理不是普通颜色的背景，即背景图像。这样做的问题是，当将星型图标background-color属性更改为透明(即与背景颜色不同)时，h
浏览 2提问于2017-10-16得票数 1
回答已采纳
2回答
我正在尝试创建一个背景，具有不同的区域&每个区域都有自己的背景色和一组小部件，比如按钮和文本。请建议一下。<html><br>
<b
浏览 3提问于2014-02-25得票数 0
回答已采纳
我使用的是bootstrap，根据bootstrap，每个元素都必须由一行和列包装。两者之间有区别吗？<div class="row"></div><div class="row"> <hr/>
浏览 0提问于2017-12-02得票数 0
1回答
轴上的某些标签有可能有不同的颜色吗？set_yticklabels(['red','red', 'blue'], colors=['red','red','blue']) <-- doesn't work
有办法实现我想要的吗
浏览 5提问于2014-01-20得票数 4
回答已采纳
我想知道是否有一种方法可以让同一文件中的不同语言标签有两种不同的标签颜色(在美国的标签是“颜色”)。例如，让我们调用下面的文件HelloWorld.cfm -我可以用不同的颜色标记吗？
浏览 0提问于2012-02-18得票数 6
2回答
这可能是一个基本的问题。我制作了一张图，显示了不同狐猴的家的范围。太棒了！难的部分完成了。但它们都是莱姆绿的。如何为我的5个ID选择不同的颜色？这看起来应该很简单，但我在网上看不到任何东西。我已经在下面粘贴了我的代码xy <- dd[,c("X","Y&q
浏览 3提问于2013-09-06得票数 1
2回答
我有一个由10个对象组成的时间序列，在12个小时内进行测量，以监控特定的变量。时间序列存储在数据框中，如下所示： hr1 hr2 hr3 hr4 hr5 hr6 hr7 hr8 hr9 hr10 hr11 hr12
1 43 108183 225 20 313 245
浏览 4提问于2014-09-27得票数 1
回答已采纳
1回答
我正在使用Bootstrap作为我的主页。在那里我有不同的面板和引导颜色，比如现在，我想添加解释不同颜色的含义。所以我做了一些标签
<h5><span class="label label-info">new panel</span></h5
浏览 5提问于2015-10-06得票数 0
1回答
假设我必须显示5个或10个标签。是否可以让每个不同的标签设置一个随机的标签分类？像bootstrap 3中的info、primary、danger等。我动态地生成标签，这样我就可以将所有标签的类设置为一个，但我希望每个标签都是不同的类。
编辑:我在Laravel Blade视图中动态生成标签。我想说的是，对于每个标签，我希望标签有一个随机(主要，成功，信息，警告，危险)类。
浏览 1提问于2017-06-01得票数 0
以及尽可能多的HTTP标头。我已经发现浏览器不支持PUT和DELETE方法。问题是我没有找到一种方法来告诉我的浏览器更改这个头文件。
<a..>标签有一个，可以是mime类型，看起来像是一个很好的候选者，但是标题仍然是浏览
浏览 1提问于2008-12-17得票数 79
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
