今回は前回軽く触れた、 Bootstrapのグリッドシステムについて紹介します。 グリッドシステムとは？ グリッドシステムは、 レイアウトを格子状に分解し配置するデザインする手法です。グリッドシステムを使うことで縦の揃えが容易に表現できるため ...

最初に、サイトの基本的なレイアウトを設定します。 固定レイアウトと流動レイアウト Twitter Bootstrapでは「固定レイアウト」と「流動（リキッド）レイアウト」の2つのレイアウトが用意されています。 固定レイアウト Webページの幅を固定して画面の中央に ...

グリッドシステムは、グリッド（格子）に沿って要素を配置することで、異なる画面サイズに合わせたページレイアウトやデザインを、単体のHTMLファイルで実現する仕組みだ。Webサイト開発フレームワーク（部品群）「Bootstrap」のグリッドシステムは、画面 ...