実例:スニペット v5.0.0新設
カスタムCSSなどを使用して既存のコンポーネントやユーティリティに基づいて構築するサイトやアプリを構築するための一般的なパターン。
※"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.2.0"での変更はv5.2.0-beta1での変更も含みます。
※"v5.3.0"での変更はv5.3.0-alpha版での変更も含みます。
![ヘッダ ヘッダ](https://bootstrap-guide.com/files/example_files/71/header.png)
ヘッダv5.3.0設定変更
これらのヘッダコンポーネントを使用して、ブランド、ナビゲーション、検索などを表示。
![ヒーロー ヒーロー](https://bootstrap-guide.com/files/example_files/72/heroes.png)
ヒーローv5.3.0設定変更
明確な行動を促すフレーズを特徴とするヒーローで、ホームページに舞台を設定。
![注目事項 注目事項](https://bootstrap-guide.com/files/example_files/73/features.png)
注目事項v5.2.1追加 v5.3.0設定変更
マーケティングコンテンツの機能、利点、その他の詳細を説明。
![サイドバー サイドバー](https://bootstrap-guide.com/files/example_files/74/sidebars.png)
サイドバーv5.3.0設定変更
オフキャンバスや複数列のレイアウトに最適な一般的なナビゲーションパターン。
![フッタ フッタ](https://bootstrap-guide.com/files/example_files/75/footers.png)
フッタv5.1.0新設 v5.3.0設定変更
大小を問わず、すばらしいフッタですべてのページを強力に仕上げる。
![ドロップダウン ドロップダウン](https://bootstrap-guide.com/files/example_files/76/dropdowns.png)
ドロップダウンv5.1.0新設 v5.3.0設定変更
フィルタ、アイコン、カスタムスタイルなどを使用して、ドロップダウンを強化。
![リストグループ リストグループ](https://bootstrap-guide.com/files/example_files/77/list-groups.png)
リストグループv5.1.0新設 v5.2.0追加 v5.3.0設定変更
任意のコンテンツのユーティリティとカスタムスタイルを使用してリストグループを拡張。
![モーダル モーダル](https://bootstrap-guide.com/files/example_files/78/modals.png)
モーダルv5.1.0新設 v5.3.0設定変更
機能ツアーからダイアログまで、あらゆる目的に役立つようにモーダルを変換。
![バッジ バッジ](https://bootstrap-guide.com/files/example_files/79/badges.png)
バッジv5.3.0新設
カスタムの内部HTMLと新しい外観でバッジを機能させる。
![パンくずリスト パンくずリスト](https://bootstrap-guide.com/files/example_files/80/breadcrumbs.png)
パンくずリストv5.3.0新設
カスタムアイコンを統合し、ステッパーコンポーネントを作成できる。
![ボタン ボタン](https://bootstrap-guide.com/files/example_files/81/buttons.png)
ボタンv5.3.0新設 v5.3.1設定変更
ユーティリティであらゆるユースケースに対応したカスタムボタンが作成できる。
![ジャンボトロン ジャンボトロン](https://bootstrap-guide.com/files/example_files/82/jumbotrons.png)
ジャンボトロンv5.3.0カテゴリ変更 v5.3.0再構成
従来のBootstrapコンポーネントを最新バージョンで作成。