メインコンテンツへスキップ

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

人々を助けるための真新しいコンポーネントとテンプレートは、Bootstrapをすぐに使い始め、フレームワークに追加するための最善の使用例を提示。

アルバム
アルバムv5.0.0-beta1設定変更

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

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

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

精算フォーム
精算フォームv5.0.0-beta3設定変更

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

製品紹介
製品紹介v5.0.0-beta1設定変更

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

カバー
カバーv5.0.0-beta1設定変更

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

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

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

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

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

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

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

サインインページ
サインインページv5.0.0-beta3設定変更

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

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

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

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

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

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

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