Bootstrap4移行ガイドを読む（コンポーネント編、ドロップダウン）
- スイッチを押すとメニューの表示・非表示が切り替わるコンポーネント
- マウスオーバーではなくクリックすることで表示を切り替える。任意でマウスオーバーの切替に変更可能
- 動作させるにはpopper.jsが必要
- ソースファイルからJavaScriptを構築する場合は、util.js が必要
- このコンポーネントを使うには、スイッチとメニューを
.dropdownで囲む - キャレットまわりの余白を広げたいときは
.dropdown-toggle-splitを指定する .dropupでスイッチの上部にメニューを表示することもできる.droprightでスイッチの右側にメニューを表示することもできる.dropleftでスイッチの左側にメニューを表示することもできる- メニューには
a要素以外にbutton要素が指定できる - メニューの配置は
.dropdown-menu-rightを使って移動できる .dropdown-headerを挿入すればメニューに見出しがつけれる- メニューのグループを境界線で区切るには
.dropdown-dividerを指定する - メニュー内にフォームを挿入することもできる（たとえばログインフォームをいれてみたり）
- メニューの要素に
.activeを指定すればアクティブ状態の見た目になる - メニューの要素に
.disabledを指定すれば非アクティブ状態の見た目になる
