Answers:
的css属性<hr>
是:
hr {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #EEEEEE -moz-use-text-color #FFFFFF;
border-style: solid none;
border-width: 1px 0;
margin: 18px 0;
}
它对应于1px水平线,具有非常浅的灰色,垂直边距为18px。
并且因为<hr>
在<div>
无类内部,宽度取决于<div>
如果您希望<hr>
全角显示,请替换<div>
为<div class='row'><div class='span12'>
(带有相应的结束标记)。
如果您期望有所不同,请通过添加注释来描述您的期望。
border-color: #EEEEEE -moz-use-text-color #FFFFFF;
仅修复border-color: #EEEEEE;
border-width: 1px 0;
)会导致一条2px
水平线!您应该将其更改为: border-width: 1px 0 0 0;
制作一条1px
水平线。
而不是写
<hr>
写
<hr class="col-xs-12">
它将正常显示全宽。
<div class="w-100"><hr></div>
<hr class="w-100">
设置宽度似乎是不言而喻的方法。
我通过将HR背景色设置为黑色来解决此问题,如下所示:
<hr style="width: 100%; color: black; height: 1px; background-color:black;" />
这是因为Bootstrap的DEFAULT CSS为<hr />
::
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
它在这两行之间产生40px的间隙
因此,如果您想更改<hr />
页面中的任何特定边距样式,则可以尝试类似以下内容的::
<hr style="margin-bottom:5px !important; margin-top:5px !important; " />
如果您想更改<hr />
页面中任何特定内容的外观/其他样式(例如颜色和边框类型或粗细),则可以尝试以下操作:
<hr style="border-top: 1px dotted #000000 !important; " />
对于<hr />
您页面中的所有内容
<style>
hr {
border-top: 1px dotted #000000 !important;
margin-bottom:5px !important;
margin-top:5px !important;
}
</style>
我可以通过编辑内联样式来自定义hrTag:
<div class="row"> <!-- You can also position the row if need be. -->
<div class="col-md-12 col-lg-12"><!-- set width of column I wanted mine to stretch most of the screen-->
<hr style="min-width:85%; background-color:#a1a1a1 !important; height:1px;"/>
</div>
</div>
hrTag现在更厚且更可见;它也是较深的灰色。引导代码实际上非常灵活。如上面的代码片段所示,您可以使用内联样式或自己的自定义代码。希望这对某人有帮助。