実例:ジャンボトロン
ジャンボトロンコンポーネントのコンテナオプションのデモ。
![基本のジャンボトロン 基本のジャンボトロン](https://v4.bootstrap-guide.com/files/example_files/15/jumbotron.png)
基本のジャンボトロン
注目のコンテンツや情報に特別な注意を喚起するためのシンプルなジャンボトロンの実例。
![幅一杯にジャンボトロン 幅一杯にジャンボトロン](https://v4.bootstrap-guide.com/files/example_files/16/jumbotron-fluid.png)
幅一杯にジャンボトロン
親要素の全ての横方向の空白一杯に広がるように設定変更されたジャンボトロンの実例。
![コンテンツ付きジャンボトロン コンテンツ付きジャンボトロン](https://v4.bootstrap-guide.com/files/example_files/17/jumbotron-contents.png)
コンテンツ付きジャンボトロン
ナビゲーションバーといくつかの基本的なグリッドの列をジャンボトロンの周りに構築。
![狭小ジャンボトロン 狭小ジャンボトロン](https://v4.bootstrap-guide.com/files/example_files/18/jumbotron-narrow.png)
狭小ジャンボトロン
デフォルトのコンテナとジャンボトロンを絞り込んで、さらにカスタムページを作成。
![背景が画像のジャンボトロン 背景が画像のジャンボトロン](https://v4.bootstrap-guide.com/files/example_files/19/jumbotron-bgimage.png)
背景が画像のジャンボトロン
ジャンボトロンの背景を画像にした場合の実例。