引导程序4是否有内置的水平分隔符？

引导程序4是否有内置的水平分隔符？我可以做到这一点，引导程序4是否有内置的水平分隔符？

<style type="text/css"> 
.h-divider{ 
margin-top:5px; 
margin-bottom:5px; 
height:1px; 
width:100%; 
border-top:1px solid gray; 
} 
</style>

但我想使用内置引导CSS，我找不到它在文档中的任何地方，也许我想念它。

来源

2016-12-31 user7339197

HTML已经有一个名为<hr/>（简称“横向规则”）的内置水平分频器。引导其风格like this：

hr { 
    margin-top: 1rem; 
    margin-bottom: 1rem; 
    border: 0; 
    border-top: 1px solid rgba(0, 0, 0, 0.1); 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<p>Some text<hr/>More text<p>

来源

2016-12-31 19:39:50 4castle

对于下拉列表，是：

https://v4-alpha.getbootstrap.com/components/dropdowns/

<div class="dropdown-menu"> 
    <a class="dropdown-item" href="#">Action</a> 
    <a class="dropdown-item" href="#">Another action</a> 
    <a class="dropdown-item" href="#">Something else here</a> 
    <div class="dropdown-divider"></div> 
    <a class="dropdown-item" href="#">Separated link</a> 
</div>

来源

2017-11-01 17:05:55 user3791372

自举4

<hr>仍然适用于正常的分频器。但是，如果您想在中间有文字的分隔线：

<div class="row"> 
    <div class="col"><hr></div> 
    <div class="col-auto">OR</div> 
    <div class="col"><hr></div> 
</div>

来源

2018-03-02 13:34:59 kjdion84

引导程序4是否有内置的水平分隔符？

回答

相关问题