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 まで。
inserted by FC2 system