ウェブ家の備忘録

ウェブデザイナーの備忘録

Bootstrapの読み込み。CDNとローカルのやり方

 

CDN
 最新のCDNを見るには、
Bootstrap公式HPの「Download」をクリック。「BootstrapCDN」中を見る。
Bootstrap公式HPのリボンにある「Documentation」の先のSearchで「CDN」と検索する。

■ローカル
1.Bootstrapのダウンロード
 Bootstrap公式HPの「Download」をクリック。「Compiled CSS and JS」中の「Download」をクリック。

2.jQuery ver1.X系のダウンロード
 jQuery公式HPDownloadページの「Download the compressed, production jQuery Migrate 1.4.1」を右クリックしてダウンロード。

3.環境に適応
 先ほどダウンロードしたBootstrapファイル中の「css」「js」フォルダを環境に入れる。
 環境の「js」フォルダに2の工程で入手したjquery-migrate-1.4.1.min.jsを入れる。
 下記ソースを組み込んだら完了。


<!-- BootstrapのCSS読み込み -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery読み込み -->
<script src="js/jquery-migrate-1.4.1.min.js"></script>
<!-- BootstrapのJS読み込み -->
<script src="js/bootstrap.min.js"></script>


 なおBootstrapのJSはjQueryを先に読み込まないと動作不良が起きます。ソースをコピペして使用する上では全く必要のない情報ですが、一応留意しておいてください。