Bootstrap を使ってみようと思います。
Bootstrap はフロントエンドのコンポーネントライブラリ。いろいろやろうと思ったら Sass を使ったりするみたいですが、テキトーに使う（あまりカスタマイズ的なことは考えていない）ならそれほど面倒でもないかなと。
まずは、この HTML で Bootstrap を使ってみます。
CSS を読み込ませます（CDN にあるやつを使用）。<head> の中に
を追加。
次に JavaScript を読み込ませます。<body> の最後に以下を追加。
とりあえず、こんな感じになります。
注意点
<html> タグの lang 属性
これはちゃんとつけたほうが良いとのこと。つーか、つけるだろう、普通。
viewport を設定する。
Bootstrap はモバイルファーストなので <meta name=”viewport”> をちゃんと設定したほうが良い。
box-sizing の値
グローバルで box-sizing の値が content-box から border-box になっている。
ここまで、ほとんど Document のまま。
コメント