概要 Overview
Bootstrap3を使う前に知っておきたい４つの前提。
HTML5ドキュメントタイプ
Bootstrap3は、HTML5のドキュメントタイプを指定する必要がある。
<!DOCTYPE html> <html lang="ja"> ・・・ </html>
モバイル・ファースト
Bootstrap3は、モバイル・ファーストで書かれている。
表示領域の幅に応じてスタイルを変えるので、viewportメタタグを使い、表示領域の幅を端末画面の幅に合わせる。
<meta name="viewport" content="width=device-width, initial-scale=1">
width=device-widthが、表示領域の幅を端末画面の幅に設定している。
initial-scale=1は、表示倍率を１倍に設定している。
広告
デフォルト設定
Bootstrap3による全体に及ぶ基本的初期設定。
body要素の背景色は、白。- フォントは、
"Helvetica Neue", Helvetica, Arial, sans-serif。 - フォントサイズは、
14px。 - 行間（
line-height）は、1.428571429。 - リンク・テキストの色は
#337ab7、リンク・テキストの下線はカーソルを合わせた時（:hover）とフォーカスした時（:focus）だけ表示する。
もちろんこれらはカスタマイズ可能だ。
Normalize.css
Bootstrap3は、クロスブラウザ対策として、Normalize.cssを使う。
Normalize.cssは、ブラウザ毎のデフォルトのスタイルの誤差をなくし、統一してくれる。