実例(Examples)
フレームワークのパーツを使用することから、カスタムコンポーネントやレイアウトに至るまで、例を挙げてプロジェクトをすばやく手に入れることが可能。
ソースコードのダウンロード 実例のダウンロード※公式サイトの実例なのでダウンロードファイルはいずれも英語だが、以下の各ファイルで日本語のソースコードがコピー可能。
カスタムコンポーネント 12
人々を助けるための真新しいコンポーネントとテンプレートは、Bootstrapをすぐに使い始め、フレームワークに追加するための最善の使用例を提示。

アルバムv5.0.0-beta1設定変更
写真ギャラリー、ポートフォリオなどのためのシンプルな1ページテンプレート。

価格設定案内v5.0.0-beta1設定変更
カードで構築され、カスタムのヘッダーとフッターを備えた価格設定ページの実例。

精算フォームv5.0.0-beta1設定変更
フォームコンポーネントとその入力検証機能を示すカスタム精算フォーム。

製品紹介v5.0.0-beta1設定変更
豊富なグリッドと画像を使用した、製品に焦点を絞ったマーケティング・ページ。

カバーv5.0.0-beta1設定変更
シンプルで美しいホームページを構築するための1ページのテンプレート。

カルーセルv5.0.0-beta2設定変更
ナビゲーションバーとカルーセルをカスタマイズし、新しいコンポーネントを追加。

ブログv5.0.0-alpha3設定変更
ヘッダー、ナビゲーション、おすすめコンテンツ付き雑誌のようなブログテンプレート。

ダッシュボードv5.0.0-beta1設定変更
固定サイドバーとナビゲーションバーを備えた基本的な管理ダッシュボードシェル。

サインインページv5.0.0-beta1設定変更
シンプルなログインフォーム用のカスタムフォームレイアウトとデザイン。

等幅ナビゲーションバーv5.0.0-beta1設定変更
等幅のリンクを持つカスタムのナビゲーションバーを作成。

フッタを画面下部に固定v5.0.0-alpha1設定変更
コンテンツがビューポートより短い場合は、フッタをビューポートの下部に貼り付ける。

固定ナビゲーションバーでフッタを画面下部に固定v5.0.0-beta1設定変更
上部に固定されたナビゲーションバーを使用して、ビューポートの下部にフッターを取り付ける。
フレームワーク 4
Bootstrapによって提供される組み込みコンポーネントの使用の実装に焦点を当てた例。

スターターテンプレートv5.0.0-beta1設定変更
基本は何もない:コンテナと一緒にCSSとJavaScriptをコンパイル。

グリッドの実例v5.0.0-alpha1追加
6つの階層、入れ子などのグリッドレイアウトの複数の実例。

チートシートv5.0.0-beta1新設
Bootstrapコンポーネントの素材集。

RTL版チートシートv5.0.0-beta1新設
アラビア語でのBootstrapコンポーネントの素材集。
ジャンボトロン 5 v5.0.0-beta1設定変更
ジャンボトロンコンポーネントのコンテナオプションのデモ(v4のジャンボトロンのクラスがv5.0.0で削除されたため、他のユーティリティクラスを使用した設定例に変更)。

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

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

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

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

背景が画像のジャンボトロン
ジャンボトロンの背景を画像にした場合の実例。
ナビゲーションバー 9 v5.0.0-beta1設定変更
ナビゲーションバーコンポーネントのすべてのレスポンシブとコンテナオプションのデモ。

幅一杯にナビゲーションバー
メニューがビューポートの両端に広がったナビゲーションバーの実例。

メニューのみがサイトの本体と同じ幅のナビゲーションバー
サイトの本体の両端と揃ったナビゲーションバーの実例。

サイトの本体と同じ幅のナビゲーションバー
メニュー部分のみがサイトの本体の両端と揃ったナビゲーションバーの実例。

レスポンシブ・コンテナを使用したナビゲーションバーv5.0.0-alpha1新設
ビューポートサイズに応じて両端の位置が変化するナビゲーションバーの実例。

レスポンシブ・ナビゲーションバーv5.0.0-alpha1一部追加
ナビゲーションバーの様々な配置のバリエーション。

静的トップナビゲーションバー
いくつかの追加コンテンツを持つ単一の静的なナビゲーションバーの実例。

トップ固定のナビゲーションバー
いくつかの追加コンテンツを持つ固定されたトップナビゲーションバーの実例。

ボトム固定のナビゲーションバー
いくつかの追加コンテンツを持つ固定されたボトムナビゲーションバーの実例。

最上部に達すると固定されるナビゲーションバー
スクロールして最上部に達すると固定されるナビゲーションバーの実例。
実験 1
将来のフレンドリーな機能やテクニックに焦点を当てた例。

オフキャンバスv5.0.0-beta1設定変更
拡張可能なナビゲーションバーをスライドオフキャンバスメニューに変更。
統合 1
外部ライブラリとの統合。

Masonry(カードカラム)v5.0.0-alpha1新設 v5.0.0-beta1設定変更
BootstrapグリッドとMasonryレイアウトの威力を組み合わせ。