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

本連載では、 HTML5やCSSの基礎を理解している方へ向けて、 Bootstrapの特徴や実際の使い方を解説していきます。レスポンシブデザインは聞いたことがあるけれども 「実務採用したことがない」 「⁠仕方がわからない！」 という方。そんな 「あなた」 が1つ上 ...

Bootstrapでは、 h1～h6要素 （以下、 ヘディング要素と呼ぶ） へのスタイル付けがされています。 特筆すべき点としては、 h1～h6要素それぞれのデザイン用にh1、 h2、 …、 h6のclassが生成されることです。これにより、 例えば、 文章構造的にh3要素を使用する ...

「Bootstrap Zero」はBootstrapを使ったデザインテンプレート集です。Bootstrapを使ってウェブサイトを構築したいときに参考になりますよ。無料でダウンロードできるテンプレートもたくさんあります。 以下に使ってみた様子を載せておきます。まずBootstrap Zeroへ ...