タブ付きコンテンツ Bric ナビゲーションタブによってコンテンツが制御されるコンテンツ領域を提供します。 他のほとんどとは異なり Brics 内で見つかりました Blocs、タブ付きコンテンツ Bric リストはXNUMXつの別々の部分で構成されています Bric とDiv Bric。 タブ付きコンテンツを構成する両方の要素 Bric それらが協調して動作できるようにする重要なカスタムデータ属性が含まれています。
さらにタブを追加するには、レイヤーツリーからリストアイテムタブのXNUMXつを選択し、キーボードショートカットを使用して複製します。 ⌘D。 コンテンツを表示するために必要となるコンテンツ領域Divも複製するように注意してください。
コミュニケーション
タブ付きコンテンツ領域のリスト要素には、関連するタブコンテンツを表示するためにクリックされたタブリンクが表示されます。 これらの各リンクにはURLインタラクションセットがあり、このURLはたとえばIDを指します ＃nav-36725-content-3 およびという名前のカスタム属性 アリアコントロール たとえば、先頭に＃がない一致するIDを持つ nav-36725-コンテンツ-3。 これらのIDは、カスタムデータ属性とも一致します アリアラベル付き、このタブリンクに関連するタブ付きコンテンツのDiv要素にあります。
タブリンクURLインタラクション値
タブリンクURLaria-controlsカスタム属性
タブコンテナdivaria-labelledbyカスタム属性
タブリンクURLの相互作用に変更を加えたり、タブ領域を追加しようとしている場合は、これらの変更をaria-controlsおよびaria-labelledbyカスタムデータ属性にも更新して、すべてが一致するようにしてください。
タブ付きコンテンツ領域の機能の詳細については、 ブートストラップ4ドキュメント.