話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。JavaScript学習の一環として、Webサイト制作の練習もやってみます。今回は、CSSフレームワーク「Bootstrap」を準備します。テンプレートといえばやっぱりBootstrapが便利かなと思います。自分みたいにhtmlとかcssとかがっつり書けない人にとっては特に便利です。ペラ1のサイトのコードとDEMOが付随しているので文言を変えるだけで簡単にクールなwebサイトを作ることができる。思いついたWebサイトのアイデアを簡単に、かつすぐに実用的な形にする際に非常に便利なのがCSSフレームワークです。v4が正式リリースされました。.レシポンシブデザインでのサイト制作は今や普通の事となってきましたが、コーダーにとっては一から作るのはちょっと大変ですよね。レシポンシブなテンプレートは海外サイトであれば無料のテンプレートがたくさん見つかります。Bootstrapは昨今のフレームワークのなかでは文句なく一番人気です。増え続ける人気を見ると、選んでおけば、優れたWebサイトを作成できるし、作成途中に途方に暮れることもないでしょう。最近Bootstrapを使う機会が増えたので、カスタマイズする上で知っておきたい考え方を紹介します。機能が多い分、若干画面がごちゃっとした印象を受けそうです。テンプレートがあらかじめ数多く用意されており、そこから選択した後はHTMLやCSSを直に修正しながらリアルタイムに反映された内容を確認します。ES6で書いていこうと思います。