メインコンテンツにスキップ ドキュメントナビゲーションにスキップ
Check

実例:ジャンボトロン

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

※"v5.0.0"での変更はv5.0.0-alpha版、v5.0.0-beta版での変更も含みます。
※"v5.2.0"での変更はv5.2.0-beta1での変更も含みます。
※"v5.3.0"での変更はv5.3.0-alpha版、v5.3.0-beta版での変更も含みます。
基本のジャンボトロン
基本のジャンボトロンv5.2.0設定変更

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

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

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

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

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

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

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

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

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