Bootstrap > ボタン (ver 2.x)
更新日
2012-07-26
広告
クラスに"btn"を指定するだけで、ボタンを表示できます。
<button class="btn">normal</button>他の要素(aとかinputとか)でも可能です。
<a class="btn" href="#">a button</a>
クラスを追加することで、ボタンの色を変えられます。
<!-- 青色ボタン --> <button class="btn btn-primary">primary</button> <!-- 水色ボタン --> <button class="btn btn-info">info</button> <!-- 緑色ボタン --> <button class="btn btn-success">success</button> <!-- 黄色ボタン --> <button class="btn btn-warning">warning</button> <!-- 赤色ボタン --> <button class="btn btn-danger">danger</button> <!-- 黒色ボタン --> <button class="btn btn-inverse">inverse</button>
ボタンのサイズも変えられます。
<button class="btn btn-large btn-info">large</button> <button class="btn">normal</button> <button class="btn btn-small btn-warning">small</button> <button class="btn btn-mini btn-danger">mini</button>
広告
お問い合わせは sweng.tips@gmail.com まで。