Bootstrapのテーマを自由にカスタマイズできるサイト「Bootstrap Theme Builder」

1月14日(日)10時0分 lifehacker

「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

lifehacker

この記事が気に入ったらいいね!しよう

ブラウザをもっと詳しく

BIGLOBE
トップへ