Bootstrap3
日本語リファレンス

広告

概要  Overview


Bootstrap3を使う前に知っておきたい4つの前提。


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は、表示倍率を1倍に設定している。

広告

Bootstrap3による全体に及ぶ基本的初期設定。

  • body要素の背景色は、白。
  • フォントは、"Helvetica Neue", Helvetica, Arial, sans-serif
  • フォントサイズは、14px
  • 行間(line-height)は、1.428571429
  • リンク・テキストの色は#337ab7、リンク・テキストの下線はカーソルを合わせた時(:hover)とフォーカスした時(:focus)だけ表示する。

もちろんこれらはカスタマイズ可能だ。

Bootstrap3は、クロスブラウザ対策として、Normalize.cssを使う。

Normalize.cssは、ブラウザ毎のデフォルトのスタイルの誤差をなくし、統一してくれる。


広告
広告