Button groups(ボタングループ表示)
ボタングループを表示します。
Bootstrap3から機能が追加されています。
サンプル01-ボタングループ表示
コーディング
- .btn-group
- 01行目 グループ表示するボタンを.btn-groupで囲みます
サンプル02-ボタンツールバーを表示
機能
複数のボタングループを横に並べて表示します
コーディング
- .btn-toolbar
- 01行目 .btn-groupを.btn-toolbarで囲みます
サンプル03-表示サイズを指定してボタングループを表示
コーディング
- .btn-group-lg
- 01行目 LGサイズでボタングループを表示
- 指定なし
- 06行目 通常サイズでボタングループを表示
- .btn-group-sm
- 11行目 SMサイズでボタングループを表示
- .btn-group-xs
- 16行目 XSサイズでボタングループを表示
サンプル04-ボタングループ内にドロップダウンボタンを表示
コーディング
- .btn-group
- 04-11行目 .btn-group内にドロップダウンボタン用の.btn-groupを記述します
サンプル05-ボタングループを縦に表示
コーディング
- .btn-group-vertical
- 01行目 基本となる.btn-groupに.btn-group-verticalを記述します