Pocket

Bootstrap とは、CSS フレームワーク。ウェブのデザインレイアウトなどを表現する CSS の組み合わせが体系的に整理されています。

さまざまなCSSフレームワークが開発されていますが、Bootstrap はもっとも利用されているフレームワークの一つです。

以前はCSSフレームワークとして、Foundation を利用していました。今回 Bootstrap の使用を決めたのは、その整理された体系をウェブサイトで確認取れたたためです。日本語でのページも開設されており、その普及度の高さを示しています。日本語で使えるようにはなっていますが、必要に応じて English 原文も参照していきます。

CSS フレームワークはそのままでも使えますが、よりフィット感のあるデザインにしていくためにも、カスタマイズしながら使っていくことになります。

Bootstrap をダウンロードすると、フォルダには必要なファイルがワンセットされています。さすが「フレームワーク」と銘打つだけあります。HTMLとしてそのまま使えていけますが、Scss としても用意されており、既存サイト(ゆるゆるカフェ)の Scss フォルダにそのまま組み込みました。必要なコートはすべてコンパイルされて、使えるプログラムとしてコンパイルされますので、心置きなく使えていけます。ひとまず(開発段階では)すべて使えるようにしていますが、今後の実際の運用のためには、軽量化を図るために、必要ファイルのみ使用できるよう調整していきます。。

Pocket

コメントを残す

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

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

この記事を書いた人

渡邉ぎいち @Ghichi

ウェブのセルフ作成サポートを行っています。メンバーさんが楽しみながら制作できる環境を整え、自ら切り開いていく力を存分に培って頂くことが生きがいです。朝の散歩の帰りがけ、スマホでブログを執筆するのが日課です。よろしければ、>> プロフィールをもう少し詳しくご覧ください! >>