ブートストラップ4ジャンボトロン
ブートストラップ4ジャンボトロン
ジャンボトロンは、特別なコンテンツや情報に特別な注意を喚起するための大きな灰色のボックスを示します。
ヒント:ジャンボトロンの中には、他のBootstrap要素/クラスを含むほぼすべての有効なHTMLを配置できます。
ブートストラップチュートリアル
Bootstrapは、レスポンシブなモバイルファーストプロジェクトをWeb上で開発するための最も人気のあるHTML、CSS、およびJSフレームワークです。
<div>
クラスを持つ要素を使用.jumbotron
して、ジャンボトロンを作成します。
例
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
全幅ジャンボトロン
丸みを帯びた境界線のない全幅のジャンボトロンが必要な場合は、.jumbotron-fluid
クラスとその内部にa.container
または
を追加します。.container-fluid
例
<div class="jumbotron jumbotron-fluid">
<div
class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>