Bootstrap とは、CSS フレームワーク。ウェブのデザインレイアウトなどを表現する CSS の組み合わせが体系的に整理されています。
さまざまなCSSフレームワークが開発されていますが、Bootstrap はもっとも利用されているフレームワークの一つです。
以前はCSSフレームワークとして、Foundation を利用していました。今回 Bootstrap の使用を決めたのは、その整理された体系をウェブサイトで確認取れたたためです。日本語でのページも開設されており、その普及度の高さを示しています。日本語で使えるようにはなっていますが、必要に応じて English 原文も参照していきます。
CSS フレームワークはそのままでも使えますが、よりフィット感のあるデザインにしていくためにも、カスタマイズしながら使っていくことになります。
Bootstrap をダウンロードすると、フォルダには必要なファイルがワンセットされています。さすが「フレームワーク」と銘打つだけあります。HTMLとしてそのまま使えていけますが、Scss としても用意されており、既存サイト(ゆるゆるカフェ)の Scss フォルダにそのまま組み込みました。必要なコートはすべてコンパイルされて、使えるプログラムとしてコンパイルされますので、心置きなく使えていけます。ひとまず(開発段階では)すべて使えるようにしていますが、今後の実際の運用のためには、軽量化を図るために、必要ファイルのみ使用できるよう調整していきます。。