Boostrap のカスタマイズ と LESS

Boostrap のカスタマイズ
boostrap.css の背景色などの値を変更する場合
直接CSSの内容を変更するか
別に作成したCSSでオーバーライドして値を変更する
boostrap の CSS は
LESS を利用して記載されているので
boostrap.css の元となるLESSファイルを変更することで
直接 boostrap.css を変更するより簡単に値の変更ができる
LESSは、コンパイルすることでCSSを出力するため
環境構築が必要
このためBoostrap では
カスタマイズ用のサイトを用意しているので
web サイトで LESS の変数の値を変更して
この変更された値でコンパイル済みの
Boostrap のファイル一式をダウンロードするのが
効率的
Boostrap のカスタマイズ用の web サイトは
http://twitter.github.io/bootstrap/customize.html
customize and download
このLESSについては
日本語ページなら
http://less-ja.studiomohawk.com
英語なら
http://lesscss.org
に仕様などがかかれています
LESSとは
CSSの言語を拡張して
CSSではでできなかった
変数
ミックスイン
演算
関数のような動的処理をCSSへ追加拡張した言語のこと

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です