Bootstrapでデモサイト

Bootstrapのテンプレート『Lonely』をカスタマイズして デモサイトを作ってみた。

『Lily World-demo』 http://checheweb.com/bootstrap/custom/lilyworld/

レスポンシブに標準で対応している事 index.htmlとstyle.cssをさわって 決められたコードを記入していくので慣れればいいかも。

私はイラストやアイコンが描けるので 素材は自分で作った方がいいかなと思うけど 色々なコンポーネントが用意されているので デザインに合うものを選べて制作時間短縮できるのはいい感じ。

練習用としてまずは画像やテキストを入れ替えるただけの シンプルなカスタマイズをやってみた。

次はアコーディオンや凝ったギャラリーなどが組込まれている テーマをカスタマイズして勉強しよーっと。