レスポンシブWebデザインの具体的な手法 2013/03/14 (木)

これらのCSS設定を全て一から自前で行うのは、ページが複雑になると大変です。このサンプルでは、「Bootstrap」(ブートストラップ)というフレームワーク(※)のバージョン 3.x を利用して基本的なコーディングを省略しています。

※ページ制作用プレハブキットのようなものとお考えください。

例えば、管理画面では入力中のフィールドに色の枠が表示されますが、これは Bootstrap の機能です。また、そのような飾りの他、画面の横幅に従って項目を最適な配置に自動的に並べ替えしてくれる点がCSSフレームワークの大変便利な点です。