☰

Bootstrap 4 には水平方向の区切り線が組み込まれていますか? 質問する

tag-icon • tag-icon html css bootstrap-4 twitter-bootstrap-4
Bootstrap 4 には水平方向の区切り線が組み込まれていますか? 質問する

Bootstrap 4には水平方向の区切り線が組み込まれていますか? これは可能です。

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

しかし、組み込みのブートストラップ CSS を使用したいのですが、ドキュメントのどこにも見つかりません。見逃しているのかもしれません。

ベストアンサー1

<hr/>HTMLにはすでに（「horizo​​ntal rule」の略）と呼ばれる水平区切り線が組み込まれています。Bootstrapはそれをスタイルしますこのような:

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>

おすすめ記事