ボタン
様々な種類のボタン。基本クラス.btnを使用
| 標準 | 大サイズ .btn-lg |
小サイズ .btn-sm |
極小サイズ .btn-xs |
フラット .btn-flat |
無効 .disabled |
|---|---|---|---|---|---|
アウトラインボタン
様々な種類のボタン。基本クラス.btnを使用
| 標準 | 大サイズ .btn-lg |
小サイズ .btn-sm |
極小サイズ .btn-xs |
フラット .btn-flat |
無効 .disabled |
|---|---|---|---|---|---|
グラデーションボタン (bg-gradient-*)
様々な種類のボタン。基本クラス.btnを使用
| 標準 | 大サイズ .btn-lg |
小サイズ .btn-sm |
極小サイズ .btn-xs |
フラット .btn-flat |
無効 .disabled |
|---|---|---|---|---|---|
アイコン付きボタン
ブロックボタン
水平ボタングループ
Bootstrap を使用すると、水平ボタングループを簡単に作成できます。ボタンを<div class="btn-group"></div>内に追加するだけです。
| ボタン | アイコン | フラット | ドロップダウン |
|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
追加ボタン
ドロップダウン付き
標準
フラット
分割ボタン
標準分割ボタン
フラット分割ボタン
ホバー可能な分割ボタン
アプリケーションボタン
垂直ボタングループ
Bootstrap を使用すると、垂直ボタングループを簡単に作成できます。ボタンを<div class="btn-group-vertical"></div>内に追加するだけです。
| ボタン | アイコン | フラット | ドロップダウン |
|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ラジオボタングループ
.btn-secondaryを使用したラジオボタングループ
.bg-oliveを使用したラジオボタングループ