Getting started Bootstrap

Bootstrap を使い始めるには、大きく分けて2つの方法があります。

ダウンロードする

Getting startedのページから、’Download Bootstrap’ボタンをクリックしてファイルをダウンロードします。
ダウンロードした’bootstrap-3.3.6-dist.zip’を解凍し、出来上がった’bootstrap-3.3.6-dist’を任意の場所に保存します。
ページのヘッダー部分に下記のように記述します。

<link rel="stylesheet" href="bootstrap-3.3.6-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap-3.3.6-dist/css/bootstrap-theme.min.css">

jQueryスクリプトを読み込んだ後の部分に、下記のように記述します。

<script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>

CDN(コンテンツデリバリネットワーク)を使用する

ページのヘッダー部分に下記のように記述します。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

jQueryスクリプトを読み込んだ後の部分に、下記のように記述します。

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>