「Bootstrap Theme Builder」はBootstrapのテーマを自由にカスタマイズできるサイトです。Bootstrapで定義されているさまざまなスタイルについてブラウザ上で細かく設定し、カスタマイズした内容をCSSとして保存できますよ。

WebサイトのデザインをBootstrapで作成する際に便利ですね。

180104_bo2
Screenshot via Bootstrap Theme Builder

このようにBootstrapで定義されている各要素についてカスタマイズができます。

左ペインがカテゴリ、中央ペインがプレビュー、右ペインが詳細の定義になっています。右ペインでカスタマイズした内容が中央ペインにリアルタイムに反映されますよ。各カテゴリについての定義が完了したら「Export」からCSSを出力できます。

初期設定でも十分利用できるBootstrapですが、自分好みにカスタマイズしたいこともありますよね。そのようなときにぜひご活用ください。


Image: Bootstrap Theme Builder

Source: Bootstrap Theme Builder