閉じるボタン
基本の設定（Example）v5.0.0-alpha2設定変更 .btn-close でコンポーネントを閉じられるオプションを提供。デフォルトでのスタイルは制限しているが、高度なカスタマイズができる。Sass変数を変更して、デフォルトの background-image を置き換える。aria-label には、必ずスクリーンリーダーのテキストを入れること。 見本 Bootstrap5.x...
基本の設定（Example）v5.0.0-alpha2設定変更 .btn-close でコンポーネントを閉じられるオプションを提供。デフォルトでのスタイルは制限しているが、高度なカスタマイズができる。Sass変数を変更して、デフォルトの background-image を置き換える。aria-label には、必ずスクリーンリーダーのテキストを入れること。 見本 Bootstrap5.x...
概要（How it works） 折り畳み式のJavaScriptプラグインは、コンテンツの表示と非表示に使用。ボタンやアンカーは、切り替える特定の要素にマップされるトリガーとして使用。要素を折り畳むと、height が現在の値から 0 にアニメーション化される。CSSがアニメーションを処理する方法を考えると .collapse 要素に padding は使用できない。代わりのクラスを独立したラ...
概要（Overview） ドロップダウンは、リンクのリストなどを表示するための切替表示できるコンテキストオーバーレイ機能であり、付属のBootstrapのドロップダウンJavaScriptプラグインと相互作用している。意図的な設計上の決定で、ホバーではなくクリックで切替表示する。 ドロップダウンは、動的な位置決めとビューポートの検出を提供するサードパーティのライブラリであるPopper上に構築さ...
v4のジャンボトロンのクラス（.jumbotron, .jumbotron-fluid）はv5.0.0で削除されたため、ここでは他のユーティリティクラスを使用した設定例を表示。
このページでは、一部を除いて各実例の .list-group に、任意に style="max-width: **px;" の設定を追加している。 基本のリストグループ（Basic example）v5.2.0デザイン変更 最も基本的なリストグループは、リストアイテムと適切なクラスを持つ順不同のリスト。それに続くオプションや必要に応じて独自のCSSを使って構築。 見本 アイテム1 ...
使い方（How it works） Bootstrapモーダルコンポーネントを使い始める前に、メニューオプションが最近変更されたので、以下に記載。 モーダルは、HTML、CSS、JavaScriptで構築。ドキュメント内の他の部分に配置され、<body> からスクロールを削除して、代わりにモーダルコンテンツをスクロールする。 モーダルの"backdrop"（背景部分）をクリック...
使い方（How it works） ナビゲーションバーを使い始める前に知っておくべきこと： ナビゲーションバーは、レスポンシブ可能な折り畳みのために .navbar-expand{-sm|-md|-lg|-xl|-xxl} 入りの包括用の .navbar と配色クラスが必要。 ナビゲーションバーとそのコンテンツは、デフォルトでは幅一杯に表示する。さまざまな方法で横幅を制限するためにコンテナ...
基本のナビゲーション（Base nav）v5.3.1設定変更 Bootstrapで利用できるナビゲーションは、基本となる .nav クラスからアクティブ状態、無効状態、一般的なマークアップとスタイルを共有。修飾子クラスを入れ替えて各スタイルを切り替える。 基本の .nav コンポーネントはFlexboxで構築され、すべてのタイプのナビゲーションコンポーネントを構築するための強力な基盤を提供。これ...
使い方（How it works） オフキャンバスは、JavaScriptを経由して切り替えて、ビューポートの左端、右端、上端、下端から表示できるサイドバーコンポーネント。ボタンやアンカーは、切り替えた特定の要素に関連付けるトリガーとして使用され、data 属性はJavaScriptを呼び出すために使用される。 オフキャンバスは、モーダルと同じJavaScriptコードの一部を共有しており、...
概要（Overview）v5.2.0デザイン変更 大きなヒット領域を提供しながら、リンクを逃しにくく簡単に拡大縮小するために、ページングのための接続されたリンクの大きなブロックを使用。ページ送りはリストのHTML要素で構築され、スクリーンリーダーは利用可能なリンクの数を知らせられる。包括用の <nav> 要素を使用して、それをリーダーやその他の支援技術を絞り込むためのナビゲーションセ...