Dropdowns(ドロップダウンメニュー)
ドロップダウンメニューを表示します。
背景色・文字色の指定は出来ないため、色を変更したい場合は自身にてCSSの追加・修正が必要です。
サンプル01-ドロップダウン表示
コーディング
- .dropdown
- 01行目 ドロップダウン表示のトリガーとなるリンク・表示するメニューを.dropdownで囲みます
- .dropdown-toggle
- 02行目 ドロップダウン表示のトリガーとなるリンクを設定します
- .dropdown
- .dropdown-menu
- 03行目 表示するメニューを設定します
- .divider
- 07行目 メニュー内に仕切り線を表示します
サンプル02-ドロップダウンのみを右端に表示
コーディング
- .pull-right
- 03行目 記述されているカラムの右端にドロップダウンメニューを表示します
サンプル03-ドロップダウンにヘッダーを表示
コーディング
- .dropdown-header
- 04行目 ドロップダウンメニューにヘッダーを表示します
サンプル04-ドロップダウンのリンクを無効化する
コーディング
- .disabled
- 05行目 無効化したいリンクに.disabledを指定します