引导程序4是否具有内置的水平分隔器? [英] Does bootstrap 4 have a built in horizontal divider?

问题描述

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/> 的内置水平分隔符("horizo​​ntal 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是否具有内置的水平分隔器?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！