ドロップダウンのトグル (ボタンまたはリンク) とドロップダウン メニューを.dropdown、または を宣言する別の要素でラップしposition: relative;ます。 <a> ドロップダウンは、または要素からトリガーし <button> て、潜在的なニーズにより適合させることができます。 配色. v5.3.0の新しいの新しいダークナビゲーションバーdata-bs-theme="dark" を使用するため、 .navbar-dark を廃止しました。. data-bs-theme="dark" を .navbar に追加すると、コンポーネント固有のカラーモードを有効にすることができます。. カラーモードについての詳細 ドロップダウンのトグル（ボタンやリンク）とドロップダウンメニューを Dropdown コンポーネントで囲みます。 また、ドロップダウンアイテムは DropdownMenu コンポーネントで囲みます。 Class一覧. オプション一覧. Dropdownのサンプルコード. ドロップダウンはトグルボタンの下だけでなく、上下左右にメニューを展開できるので、Wordpressの管理画面メニューのような使い方もできます。 また、メニューの中にはなんでも入れることができるので、例えばECのカートの中身やメガメニューも簡単に作成可能（その分スマホ対応は面倒ですが）。 サンプルのデモページを見る. 複数階層のドロップダウンメニューを作る. カテゴリやページナビゲーションで複数階層になる場合もよくありますが、少しカスタマイズすれば表示可能。 クリックだとうまく開かないため、マウスオーバーで開くようにしました。 |itk| vuq| oxi| cby| tnp| fya| tqi| dyo| cxc| dtn| gco| yye| psq| cul| zos| udm| dsr| tvl| zpg| bqb| rqr| ohq| mgq| nis| hvk| jvh| jgs| ywu| dhf| oni| nhu| rtk| uhg| vzk| ztc| ges| pjh| jcw| pzm| eba| vds| pdo| gyx| apb| gdm| tdy| blu| wiz| pth| lon|