Webレイアウトで、同じ大きさのブロック要素を並べると、スッキリとしたデザインになります。しかし、ブラウザの幅でデザインの変化するレスポンシブWebデザインで、同じ大きさのブロック要素を並べるには、少し考える必要があります。 グリッドシステム 同じ大きさのブロック要素を並べる考え方に、グリッドシステムがあります。cssフレームワークの根幹となるレイアウトの考え方です。 レイアウトを切り替えるウィンドウ幅を、カラムとガーター(カラムの左右の余白)幅の倍数で管理する方法です。この倍数の幅で作成した部品をを用いると、簡単に整ったレイアウトを行うことができます。つまり、簡単にコンテンツとその余白の幅を計算することができ、レイアウトを整えることができます。 Gridシステム cssフレームワーク Bootstrap grid examples ブロック要素をfloatを使って並べる方法を考えることに