Bootstrapのカスタマイズ方法
CSSを上書きする
カスタマイズ用のCSSファイルを作ってbootstrapのCSSより後から読み込む。
カスタマイズ用CSSは次の2つの目的に分けている。
- bootstrap-custom.cssは全体に適用するものを書く。
- my.cssは一部分だけ(このdivの中身だけ変えたい)というものを書く。
Bootstrapのデフォルトと異なるスタイルを適用しているのが全体なのか一部なのか意識するためである。
公式サイトの「Customize and download」を使う
ここでlessの変数を変更すると、それを反映したcssがダウンロードできる。
Customize and downloadで設定できない場合
lessの変数になっていない項目は、CSSを上書きする。
部分的に変えたい場合
たとえばサイト内にあるテーブルのうち、ある一つのテーブルのスタイルだけを変えたいといった場合、CSSを上書きする。
部分的な適用であることを意識するために、my.cssに書くとよい。