Bootstrap

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 のまま。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください