index.htmlにBootstrapのスタイルを適用する

Hello worldしか表示しないindex.htmlにボタンを追加します。

<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>

こちらを参考にしました。

http://www.atmarkit.co.jp/ait/articles/1403/19/news034_2.html

index.htmlを再アップロードして再読込すると、Hello worldの下にボタンが表示されます。まだスタイルは適用されていません。

Bootstrapをサーバにインストールします。

こちらを参考にしました。

http://qiita.com/k_shimoji/items/145a9afa212066fff8cc

Bootstrapの最新バージョンはこちらでした。

Download Bootstrap

index.htmlとcss, js, fontsフォルダは同階層に置きます。

index.htmlを再読込すると、スタイルが適用されました。

以上