実例:カスタムコンポーネント
人々を助けるための真新しいコンポーネントとテンプレートは、Bootstrapをすぐに使い始め、フレームワークに追加するための最善の使用例を提示。
![アルバム アルバム](https://v4.bootstrap-guide.com/files/example_files/1/album.png)
アルバム
写真ギャラリー、ポートフォリオなどのためのシンプルな1ページテンプレート。
![価格設定案内 価格設定案内](https://v4.bootstrap-guide.com/files/example_files/2/pricing.png)
価格設定案内
カードで構築され、カスタムのヘッダーとフッターを備えた価格設定ページの実例。
![精算フォーム 精算フォーム](https://v4.bootstrap-guide.com/files/example_files/3/checkout.png)
精算フォーム
フォームコンポーネントとその入力検証機能を示すカスタム精算フォーム。
![製品紹介 製品紹介](https://v4.bootstrap-guide.com/files/example_files/4/product.png)
製品紹介
豊富なグリッドと画像を使用した、製品に焦点を絞ったマーケティング・ページ。
![カバー カバー](https://v4.bootstrap-guide.com/files/example_files/5/cover.png)
カバー
シンプルで美しいホームページを構築するための1ページのテンプレート。
![カルーセル カルーセル](https://v4.bootstrap-guide.com/files/example_files/6/carousel.png)
カルーセル
ナビゲーションバーとカルーセルをカスタマイズし、新しいコンポーネントを追加。
![ブログ ブログ](https://v4.bootstrap-guide.com/files/example_files/7/blog.png)
ブログ
ヘッダー、ナビゲーション、おすすめコンテンツ付き雑誌のようなブログテンプレート。
![ダッシュボード ダッシュボード](https://v4.bootstrap-guide.com/files/example_files/8/dashboard.png)
ダッシュボード
固定サイドバーとナビゲーションバーを備えた基本的な管理ダッシュボードシェル。
![サインインページ サインインページ](https://v4.bootstrap-guide.com/files/example_files/9/sign-in.png)
サインインページ
シンプルなログインフォーム用のカスタムフォームレイアウトとデザイン。
![等幅ナビゲーションバー 等幅ナビゲーションバー](https://v4.bootstrap-guide.com/files/example_files/10/justified-nav.png)
等幅ナビゲーションバー
等幅のリンクを持つカスタムのナビゲーションバーを作成。
![フッタを画面下部に固定 フッタを画面下部に固定](https://v4.bootstrap-guide.com/files/example_files/11/sticky-footer.png)
フッタを画面下部に固定
コンテンツがビューポートより短い場合は、フッタをビューポートの下部に貼り付ける。
![固定ナビゲーションバーでフッタを画面下部に固定 固定ナビゲーションバーでフッタを画面下部に固定](https://v4.bootstrap-guide.com/files/example_files/12/sticky-footer-navbar.png)
固定ナビゲーションバーでフッタを画面下部に固定
上部に固定されたナビゲーションバーを使用して、ビューポートの下部にフッターを取り付ける。