［み］超初心者向けのTwitter Bootstrapを導入する方法

ちょうど1年くらい前にTwitter風のサイトをコツコツとつくったことのあるみはら（@masashi_385）です。
いまや、そんなコツコツとしなくとも全部CSSで解決できてしまう時代になったんですね。
しかも、かなりカンタンにできてしまいます。
それが、Twitter Bootstrapです。
今回は、使い方をざっくりとわかりやすく紹介します。

Twitter Bootstrapをダウンロード

ここからダウンロードできます。

Twitter Bootstrap

ここの、【Download Bootstrap】をクリックするとダウンロードできます。

コードを書く

ダウンロードしたファイルをサーバーにアップロードしたら、そいつらを読み込みましょう。
具体的には、こんなコードを<head>内に書けばOKです。
[cc lang=”html”] [/cc] あとは、JavaScriptも読み込みます。
それと、このTwitter BootstrapはjQueryを使うんで、読み込んでない方はjQueryも読み込んでください。
[cc lang=”html”]

[/cc] コードを書くところは</body>の直前がいいって言われてます。
ので、おとなしく</body>の直前に書きましょう。

これで、Bootstrapの導入完了です。