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

実例:カスタムコンポーネント

Bootstrapをすぐに使い始められるように、新しいコンポーネントとテンプレートを用意し、フレームワークに追加するための最善の使用例を紹介。

※"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設定変更

写真ギャラリー、ポートフォリオなどのためのシンプルな1ページテンプレート。

価格設定案内
価格設定案内v5.3.0設定変更

カードで構築され、カスタムのヘッダーとフッターを備えた価格設定ページの実例。

精算フォーム
精算フォームv5.3.0設定変更

フォームコンポーネントとその入力検証機能を示すカスタム精算フォーム。

製品紹介
製品紹介v5.3.3設定変更

豊富なグリッドと画像を使用した、製品に焦点を絞ったマーケティング・ページ。

カバー
カバーv5.3.0設定変更

シンプルで美しいホームページを構築するための1ページのテンプレート。

カルーセル
カルーセルv5.3.1設定変更

ナビゲーションバーとカルーセルをカスタマイズし、新しいコンポーネントを追加。

ブログ
ブログv5.3.1設定変更

ヘッダー、ナビゲーション、おすすめコンテンツ付き雑誌のようなブログテンプレート。

ダッシュボード
ダッシュボードv5.3.1設定変更

固定サイドバーとナビゲーションバーを備えた基本的な管理ダッシュボードシェル。

サインインページ
サインインページv5.3.2設定変更

シンプルなログインフォーム用のカスタムフォームレイアウトとデザイン。

等幅ナビゲーションバー
等幅ナビゲーションバーv5.3.0設定変更

等幅のリンクを持つカスタムのナビゲーションバーを作成。

フッタを画面下部に固定
フッタを画面下部に固定v5.3.0設定変更

コンテンツがビューポートより短い場合は、フッタをビューポートの下部に貼り付ける。

固定ナビゲーションバーでフッタを画面下部に固定
固定ナビゲーションバーでフッタを画面下部に固定v5.3.1設定変更

上部に固定されたナビゲーションバーを使用して、ビューポートの下部にフッターを取り付ける。

コンテンツ付きジャンボトロン
コンテンツ付きジャンボトロンv5.3.0カテゴリ変更 v5.3.1設定変更

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

狭小ジャンボトロン
狭小ジャンボトロンv5.3.0カテゴリ変更 v5.3.0設定変更

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