Bootstrap
ログイン中
BootUser
Home
About
Contact
Sidebar
Index
Navi
Sidebar
Grid
Table
Code_Pre
Button
Icon
Responsive
Breadcrumbs
Pagination
Lables and Badges
Alerts
ボタンのサンプル
通常のボタンサンプル
Normal
Bootstrapを使ったボタンサンプル
ボタン1
ボタン2
ボタン3
ボタン4
ボタン5
ボタン6
ボタン7
ボタン8
.btn
クラスを指定することで、かっこいいボタンを表示できます。
ボタンの大きさもクラス指定で変更できます。
ボタングループ、ボタンツールバーのサンプル
ボタン1
ボタン2
ボタン3
ボタン4
ボタン5
ボタン6
ボタン7
ボタン8
.btn-group
クラスを指定することで、複数のボタンをグループ化できます。
ボタン1
ボタン2
ボタン3
ボタン4
ボタン5
ボタン6
ボタン7
ボタン8
.btn-toolbar
クラスを指定することで、複数のボタングループを横に並べて表示します。
ドロップダウンボタンのサンプル
ドロップダウンボタン
リスト1
リスト2
リスト3
dividerクラスで区切りを入れられる。
ドロップダウンの中身は、
<ul><li>
タグを使って作成します。
区切り線付きドロップダウンボタン
リスト1
リスト2
リスト3
dividerクラスで区切りを入れられる。
ボタン名称と逆三角マークを分割して表示することもできます。