BootstrapのThemeサンプルのボタン

Bootstrapのサンプルの中のthemeを

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

 

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

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

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

 

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

f:id:shevhome:20151025205826p:plain

f:id:shevhome:20151025205755p:plain

f:id:shevhome:20151025205809p:plain

 

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

 サイズ指定

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

小さい ← サイズ → 大きい

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

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

 色指定

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

 なし:btn-default

 青 :btn-primary

 緑 :btn-success

 水色:btn-info

 橙 :btn-danger

 赤 :btn-default

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

 

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

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

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