bootstrap 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 已经有一个内置的水平分隔符，称为

---

(horizo​​ntal rule"的缩写).Bootstrap 样式像这样:

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>

这篇关于bootstrap 4 是否有内置的水平分隔器?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！