Dropdownsリンクのリストの表示/非表示を切り替えることができるドロップダウン・ボタンのバリーション。カラー・バリエーション使い方ポイントは3つ。ボタン群を覆う要素(div要素など)のclass属性に、btn-groupを指定する。上に開く場合、ボタン群を覆う要素(div要素など)のclass属性に、btn-groupとdropupを指定する。セパレート式の場合、ボタン・グループ内にボタンを2つ用意する。href="#">リンクのリスト3</a></li></ul></div>下に開くリンク・リストを下に開く基本的スタイル。href="#">リンクのリスト3</a></li></ul></div>上に開くリンク・リストを上に開くスタイル。href="#">リンクのリスト3</a></li></ul></div>セパレート式(下に開く)ボタンとドロップダウン・ボタンを別々に分けるスタイル。href="#">リンクのリスト3</a></li></ul></div>セパレート式(上に開く)ボタンとドロップダウン・ボタンを別々に分けるスタイル。リンク・リストを上に開くスタイル。~a要素のボタン~a要素のボタンとbutton要素のドロップダウン・ボタンに分けるスタイル。~a要素のボタンとドロップダウン・ボタン~a要素のボタンとドロップダウン・ボタンに分けるスタイル。href="#">リンクのリスト3</a></li></ul></div>サイズ・バリエーションボタン群を覆う要素(class属性にbtn-groupを指定したdiv要素)のclass属性に、btn-group-lg(大)やbtn-group-sm(小)を追加するだけで、グループ内のボタンの大きさを変更できる。href="#">リンクのリスト3</a></li></ul></div>カラー・バリエーション各ボタン要素(class属性にbtnを指定したbutton要素など)のclass属性に、btn-primary(青色)、btn-success(緑色)btn-info(水色)btn-warning(オレンジ色)btn-danger(赤色)などを追加するだけで、色を指定できる。Bootstrap3日本語リファレンス@サイバー・ラボ。