読者です 読者をやめる 読者になる 読者になる

不器用(TOT) エンジニアの気ままにプログラミング

~考え、作って、また考える~

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ファイルを時間があるときに覗いてみるのもいいかも。