BootstrapのThemeサンプルのボタン

Bootstrapのサンプルの中のthemeを

実際にcssの呼び出しクラスを変更して試した。

 

まぁ、ボタンだけだが、ＣＳＳフレームワークとして、

Bootstrapのcssのクラスを呼び出すだけで、

簡単にリッチなボタンができるのがすごいと思う。

 

<実行結果とhtmlファイルの一部を抜粋＞

 

———————————————

　サイズ指定

———————————————

小さい　←　サイズ　→　大きい

btn-xs　btn-sm 　指定なし　btn-lg 

———————————————

　色指定

———————————————

　なし：btn-default

　青　：btn-primary

　緑　：btn-success

　水色：btn-info

　橙　：btn-danger

　赤　：btn-default

———————————————

 

他のサイズとか色とかあるんだろうか。

サンプルに載ってないだけであるかもしれない。

実際のCSSファイルを時間があるときに覗いてみるのもいいかも。