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

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

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

※v5.2.0-beta1はプレリリースのため、"v5.2.0"での変更は再変更される可能性があります。
アルバム
アルバムv5.0.0-beta1設定変更

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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