Bootstrap|Web開発にCSSフレームワークを導入

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...

利用方法は2種類

  • ダウンロード無しで公式サイトから読み込む。
  • ダウンロードしてそのファイルを読み込む

お勧めは手軽なダウンロード無しで公式サイトから読み込む方法です。

公式サイトに用意されているCDNをコピペ。

CSSをコピーしてheadタグに貼り付けます。

jsその他をbodyタグの最下部にはりつけます。

これだけで直ぐに利用できます。

問題点

公式サイトは全て英語で記載されていて、使い方を覚えるのが結構大変です。

翻訳してくれているサイトもありますが、なかなか理解できないと思います。

ある程度、使っているうちに理解できると思います。

コメント