Twitter Bootstrapを使ったサイト構築の流れ（前編） レスポンシブWebデザインとグリッドレイアウト、そしてメディアクエリに対応したCSSフレームワークであるTwitter Bootstrapについて、CSSメタ言語のLESSとともに解説する。 【01】からファイルをダウンロードして ...

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

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