Bootstrap ジャンボトロンの例

カスタムジャンボトロン

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

背景の変更

背景色のユーティリティを入れ替え、`.text-*`色ユーティリティを追加して、ジャンボトロンの見た目をミックスアップします。次に、追加のコンポーネントテーマなどと組み合わせて使用します。

ボーダーの追加

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