最新のWeb開発のチュートリアル
 

Bootstrap CSS Buttons Reference


ボタンの色


ボタンのサイズ


Active/Disabledボタン


ブロックレベルのボタン


ボタンのクラス

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

クラス 説明
.btn 任意のボタンに基本的なスタイリングを追加します。 それを試してみてください
.btn-default デフォルト/標準ボタンを示します それを試してみてください
.btn-primary 余分な視覚的な重量を提供し、ボタンのセットでプライマリアクションを識別する それを試してみてください
.btn-success 成功または積極的な行動を示しています それを試してみてください
.btn-info 情報アラートメッセージのコンテキストボタン それを試してみてください
.btn-warning 注意このアクションで撮影されるべきであることを示します それを試してみてください
.btn-danger 危険または潜在的に負の作用を示します それを試してみてください
.btn-link ボタンが(まだボタンの動作を持っています)リンクのように見えるのです それを試してみてください
.btn-lg 大きなボタンを作ります それを試してみてください
.btn-sm 小さなボタンを作ります それを試してみてください
.btn-xs 余分な小さなボタンを作ります それを試してみてください
.btn-block ブロックレベルのボタンが(親要素の幅全体にまたがる)になります それを試してみてください
.active ボタンが押された見えます それを試してみてください
.disabled ボタンは無効になります それを試してみてください