Bootstrap ジャンボトロンの例

カスタムジャンボトロン

一連のユーティリティを使用して、以前のバージョンの Bootstrap と同じように、このジャンボトロンを作成できます。好みに合わせてリミックスしてスタイルを変更する方法については、以下の例を確認してください。

背景を変更する

background-color ユーティリティを交換し、`.text-*` カラー ユーティリティを追加して、ジャンボトロンの外観を混ぜ合わせます。次に、追加のコンポーネント テーマなどを組み合わせます。

ボーダーを追加する

または、軽くして、コンテンツの境界に追加の定義の境界線を追加します。両方の列のコンテンツの配置とサイズを同じ高さに調整したため、ソース HTML の内部を確認してください。