Bootstrap3とテンプレート

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のカスタマイズについてはまた今度。

参考

Bootstrap

Bootstrap 3.0入門 (全18回) – プログラミングならドットインストール

コメント

タイトルとURLをコピーしました