Bootstrap CSS ボタン・リファレンス

❮ 前章へ 次のリファレンス ❯

ボタンの色


ボタンのサイズ


有効/無効ボタン


ブロックレベル・ボタン


ボタン・クラス

下のクラスは、<a>、<button> または <input> 要素のスタイルに使用することができます:

クラス 説明
.btn ボタンに基本的なスタイルを追加する Try it
.btn-default デフォルト/標準的なボタンを表示する Try it
.btn-primary 特別な視覚的重みを提供し、1 組のボタンで主要な行動を識別する(?) Try it
.btn-success 成功または積極的な行動を表す Try it
.btn-info 情報警告メッセージのコンテキストボタン Try it
.btn-warning この行動で注意が払われるべきであることを表す Try it
.btn-danger 危険なまたは潜在的に消極的な行動を表す Try it
.btn-link リンクのように見えるボタンを作る (まだ、ボタンの振舞を持っている) Try it
.btn-lg 大きなボタンを作る Try it
.btn-sm 小さなボタンを作る Try it
.btn-xs 特別に小さなボタンを作る Try it
.btn-block ブロックレベルボタンを作る(親要素と同じ幅になる) Try it
.active ボタンを押されるようにする Try it
.disabled ボタンを無効にする Try it

❮ 前章へ 次のリファレンス ❯