メインコンテンツへスキップ

実例:ジャンボトロン

ジャンボトロンコンポーネントのコンテナオプションのデモ(v4のジャンボトロンのクラスがv5.0.0で削除されたため、他のユーティリティクラスを使用した設定例に変更)。

基本のジャンボトロン
基本のジャンボトロンv5.1.1設定変更

注目のコンテンツや情報に特別な注意を喚起するためのシンプルなジャンボトロンの実例。

幅一杯にジャンボトロン
幅一杯にジャンボトロンv5.1.1設定変更

親要素の全ての横方向の空白一杯に広がるように設定変更されたジャンボトロンの実例。

コンテンツ付きジャンボトロン
コンテンツ付きジャンボトロンv5.1.1設定変更

ナビゲーションバーといくつかの基本的なグリッドの列をジャンボトロンの周りに構築。

狭小ジャンボトロン
狭小ジャンボトロン

デフォルトのコンテナとジャンボトロンを絞り込んで、さらにカスタムページを作成。

背景が画像のジャンボトロン
背景が画像のジャンボトロンv5.1.1設定変更

ジャンボトロンの背景を画像にした場合の実例。