jQueryとTwitter BootstrapをCDNから読み込みする方法

jQueryとTwitter BootstrapをCDNから読み込みする方法 jQuery

私がいつも使っているのは以下です。CDNを利用すると、いちいちファイルをサーバ上に配置しなくても済みます。下記の読み込み設定をheadタグの中に書き込むとCDNからファイルを取得してきてくれます。

■jQueryのCDN読み込み設定

jQuery本体とjQuery-uiの両方を読み込んでいます。

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<link href="https://code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">

 

■Twitter BootstrapのCDN読み込み設定

cssとbootstrapに必要なJSとFontAwsomeの3つを読み込んでいます。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

非常に便利なので、活用してみてください。