Bootstrapとは？
簡単に言うと、Web開発に欠かせないCSSを最初から用意してくれていて、最初からCSSを書かなくてもある程度整ったデザインを構築できるCSSフレームワークです。
CSSの知識が多少は必要ですが、Bootstrapを使うことにより開発者の負担は大幅に削減できるでしょう。
Bootstrapは世界で最も利用されているCSSフレームワークを言われています。
CSSフレームワークと言ってもBootstrapにはCSSの他、Scriptも含まれています。
Bootstrap利用の仕方
多くのサイトでかなり詳しく紹介しているので、ここでは簡単に利用方法を紹介します。
Bootstrapの公式ページから、CSSやScriptを取得できます。
Bootstrap
Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to lif...
getbootstrap.com
利用方法は2種類
- ダウンロード無しで公式サイトから読み込む。
- ダウンロードしてそのファイルを読み込む
お勧めは手軽なダウンロード無しで公式サイトから読み込む方法です。
公式サイトに用意されているCDNをコピペ。
CSSをコピーしてheadタグに貼り付けます。
jsその他をbodyタグの最下部にはりつけます。
これだけで直ぐに利用できます。
問題点
公式サイトは全て英語で記載されていて、使い方を覚えるのが結構大変です。
翻訳してくれているサイトもありますが、なかなか理解できないと思います。
ある程度、使っているうちに理解できると思います。
コメント