本文介绍了引导程序4是否具有内置的水平分隔器?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
bootstrap 4是否有内置的水平分隔线?我可以做到的
Does bootstrap 4 have a built in horizontal divider? I can do this,
<style type="text/css">
.h-divider{
margin-top:5px;
margin-bottom:5px;
height:1px;
width:100%;
border-top:1px solid gray;
}
</style>
但是我想使用内置的bootstrap css,在文档中的任何地方都找不到它,也许我会丢失它.
But I want to use the built in bootstrap css, I can't find it anywhere in the docs, maybe I'm missing it.
推荐答案
HTML已经有一个称为< hr/>
的内置水平分隔符("horizontal rule"(水平规则)的缩写).引导程序样式为像这样:
HTML already has a built-in horizontal divider called <hr/>
(short for "horizontal rule"). Bootstrap styles it like this:
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<p>
Some text
<hr/>
More text
</p>
这篇关于引导程序4是否具有内置的水平分隔器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!