TwitterBootstrapを使ってサイトを作る。
どうやったらかっこいいサイトを作れるんだろう。
1.Bootstrapのバージョン
Bootstrapについては、以下のサイトが参考になる。
使い方は今から作りながら学ぶ。
今日からはじめる!Twitter Bootstrap 3入門 〜Webデザイナーのための簡単サイト構築術〜 | Find Job ! Startup
HTML5 Twitter Bootstrap はじめに見るべき10サイトまとめ | エンジニア転職求人情報×IT人材紹介@SAK
問題はBootstrapのバージョン。
「2」と「3」がある。どっちを使うか。
Bootstrap ver2について。
・IE7・IE8に対応している
・レスポンシブの対応はオプショナル扱い
Bootstrap ver3について。
・レスポンシブデザインが標準
・IE7には未対応、IE8は限定的な対応である
・jQueryのバージョンも気をつけないといけない。
「2」のほうが便利そうだけど、今後を考えて「3」を使おう。「2」のほうが便利そうだけど。
2.Bootstrapのテンプレート
とりあえずBootstrap用のテンプレートみたいなのがほしい!
それを目安に改造していくのが手っ取り早そう。
探してたら、Initializrというサイトが即効でBootstrap用のhtmlテンプレートを作ってくれるらしい。
Bootstrap3にも対応している。ただ、めっちゃシンプル。
また、Start Bootstrapというサイトでも色々な種類のテンプレートが用意されている。
結構凝ったテンプレートもあり、自分の理想に近いのがあればここがいい。
あと有名だけど Bootswatchも参考になる。
ただこっちは Bootstrap2用ばっかりなのかな?
色々あるな。どれを使おう。
Start Bootstrapで探して良いものがなかったら、Initializrをベースに作るって感じかな。
Bootstrapのカスタマイズについてはまた今度。
コメント