新設データ属性の使用JavaScript経由でフェード効果メソッドイベントトップに戻るコンポーネントリストグループBootstrap4.xの使い方をBootstrap3.xからの変更箇所を交えて解説しています。v4.3.0一部追加リストグループは、一連のコンテンツを表示するための柔軟で強力なコンポーネント。それらを修正して拡張して、その中のあらゆるコンテンツに対応。example)最も基本的なリストグループは、リストアイテムと適切なクラスを持つ順不同のリスト。それに続くオプションや必要に応じて独自のCSSを使って構築。追加すると、現在のアクティブな選択を示す。追加すると、無効に見えるようになる。持つ要素の中には、(リンクなど)クリックイベントを完全に無効にするカスタムJavaScriptが必要な場合がある。)で作成されたリストグループがクリックまたはタップ機能を提供しないようにする。クラスは使用しないこと。属性をサポートしていない。追加すると、親コンテナ(カードなど)内でリストグループアイテムを端から端まで描画するために、いくつかの枠線と丸みのある角を削除可能。始まるリストグループを水平にする。今のところ水平リストグループは枠なしリストグループと組み合わせることは不可。classes)背景色のクラスを使用して、状態が反映された背景と色でリストアイテムのスタイルを設定。ここではホバースタイルも追加されていることに注意。状態もサポートし、背景色のついたリストグループアイテムのアクティブな選択を示すためにそれを適用。追加するとアクティブ用の背景色になる支援技術に色の意味を伝えること色を使用して意味を追加するだけで視覚的な指示が提供されるが、これはスクリーンリーダーなどの支援技術のユーザーには伝わらない。クラスで隠された追加のテキストなどの代替手段を入れるようにすること。各リストの枠線の色を変える。badges)v4.0.0設定変更いくつかのユーティリティの助けを借りて、未読の数、活動などを表示するために、リストグループアイテムにバッジを追加。content)v4.2.1設定変更Flexユーティリティの助けを借りて、下記のようなリンクリストグループの場合でも、ほぼすべてのHTMLを追加すること。ファイルを通じてタブJavaScriptプラグインを使用して、リストグループを拡張して、ローカルコンテンツのタブ切替パネルを作成。セッティングホームの文章です。この文章はダミーです。確認するために入れています。この文章はダミーです。確認するために入れています。プロフィールの文章です。この文章はダミーです。確認するために入れています。この文章はダミーです。確認するために入れています。この文章はダミーです。確認するために入れています。この文章はダミーです。確認するために入れています。メッセージの文章です。この文章はダミーです。確認するために入れています。この文章はダミーです。確認するために入れています。この文章はダミーです。確認するために入れています。セッティングの文章です。この文章はダミーです。確認するために入れています。この文章はダミーです。確認するために入れています。この文章はダミーです。確認するために入れています。aria-labelledby="list-home-list">ホームの文章です。aria-labelledby="list-profile-list">プロフィールの文章です。aria-labelledby="list-messages-list">メッセージの文章です。aria-labelledby="list-settings-list">セッティングの文章です。指定するだけで、要素にJavaScriptを書くことなく、リストグループのナビゲーションを有効にすることが可能。