1. ホーム
  2. html

[解決済み] bootstrap4は水平方向の仕切りが内蔵されていますか?

2022-03-04 13:53:38

質問

bootstrap4には水平方向の仕切りが内蔵されていますか?私はこれができます。

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

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

解決方法は?

HTMLには、すでに水平方向の仕切りとして <hr/> (水平ルール" の略)。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>