今回も前回に引き続き、Twitter Bootstrapを使用したWebデザインについて解説していきます。前回の授業で解説したようにTwitter Bootstrapを使用するととても簡単に本格的なWebページを作成することが可能となります。しかし、Bootstrapである程度ページが作成できるようになってくると、自分の好みにあわせて独自にカスタマイズしてみたくなって来るのではないでしょうか。Twitter BootstrapのCSSは直接編集するには高度な知識が必要とされます。しかし、現在では様々な開発者によって作成された、カスタマイズのための多くのWebサービスがあり、これらを活用すると簡単に独自のBootstrapのテーマが作成可能です。今回はこうしたWebサービスを使用したBootstrapのカスタマイズについて解説していきます。

スライド資料

授業のスライドは、下記から参照してください。

• CSS(4)：Webフレームワークを使う2 – Twitter Bootstrapのカスタマイズ

サンプルファイル

本日のサンプルファイルは、下記からダウンロードしてください。

• サンプルファイル