twitter-bootstrap-3 => ボタン

パラメーター

クラス	説明
btn-default	標準ボタン。 @ブランドデフォルト：#fff
btn-primary	余分な視覚的な体重を与え、主な行動を識別します。 @ブランドプライマリ：ダークン（＃428bca、6.5％）。
btn-success	成功したアクションを示すために使用されます。 @ブランド成功：＃5cb85c;
btn-info	情報を提供するためのコンテキストボタン。 @ブランド情報：＃5bc0de;
btn-warning	ユーザが注意を払うべきであることを示します。 @ブランド警告：＃f0ad4e;
btn危険	危険な動作または否定的な動作を示します。 @ブランド危険：＃d9534f;
btn-link	リンクに使用します。

ボタンの種類

<button class="btn btn-default" type="button">Default</button>
<button class="btn btn-primary" type="button">Primary</button>
<button class="btn btn-success" type="button">Success</button>
<button class="btn btn-info" type="button">Info</button>
<button class="btn btn-warning" type="button">Warning</button>
<button class="btn btn-danger" type="button">Danger</button>

<a class="btn btn-default" href="#" role="button">Link</a>
<button class="btn btn-default" type="submit">Button</button>
<input class="btn btn-default" type="button" value="Input">
<input class="btn btn-default" type="submit" value="Submit">

ボタンのサイズ

サイズボタンのブートストラップのクラスは次のとおりです。

.btn-lg
.btn-md
.btn-sm
.btn-xs

例えば：

<button type="button" class="btn btn-primary btn-lg">Large</button>
<button type="button" class="btn btn-primary btn-md">Medium</button>
<button type="button" class="btn btn-primary btn-sm">Small</button>
<button type="button" class="btn btn-primary btn-xs">XSmall</button>

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow

twitter-bootstrap-3
ボタン

サーチ…

パラメーター

ボタンの種類

ボタンのサイズ