FC2ブログ

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へ追加拡張した言語のこと
スポンサーサイト



テーマ : プログラミング
ジャンル : コンピュータ

コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック