#34 Bootstrap jsDelivr経由のCDN使用

BootstrapはCSSのデザイン集みたいに考えておけば良いです。
レイアウトや、ボタン、アイコンなど色んな素材が簡単に実装出来ます。
「Bootstrap」を使って快適な制作をしよう！

まずは、インターネットから「Bootstrap」などで検索します。
「ダウンロード」から「jsDelivr 経由の CDN」の下をコピーしての<head>の中に張り付けます。

これで使用可能です。なんて簡単なんでしょうか！
あとは実装したいデザインを選択しましょう。
今回は、ボタンを選択します。サイドバーからボタンという項目を探してみましょう。
コピーして<body>の中に張り付けるだけです。

このようなボタンになります。

アイコンを使用する場合も同様です。
「アイコン」をクリックして「インストール」をクリックしましょう。

「CDN」の下をコピーして<head>内に張り付けます。CSSを利用して実装するわけですね。

すきなアイコンを選んで<body>内に張り付けましょう。

時計のアイコンの<i>タグを<body>内にコピーします。

ブラウザで確認してみましょう。

このような感じに映ります。

簡単なのでやってみよう！