1.首先引入靜態樣式CSS
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
2.引入動態js
<!--使用Bootstrap的js插件,必須先調入jQuery-->
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根據需要使用的js插件調用 -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
引入下載到本地的Bootstrap
其實,這個那啥好說的,引用的時候需要注意路徑是否正確。
例:
<!--引入css>
<link rel="stylesheet" href="./dist/css/bootstrap.min.css">
<!--引入js>
<script src="./dist/jquery-3.1.1/jquery-3.1.1.min.js"></script>
<script src="./dist/js/bootstrap.min.js"></script>
注:最好把js文件的引入放在body最下邊。是為了使js在網頁全部加載完后才起作用,比如你的js里面有個alert,如果放在頭部會因為彈出窗口等待用戶確認而導致整個頁面加載受影響。所以,通常做法,樣式表通常放在head里而最先加載完畢,而js在body后。
個人意見(待完善)
就目前所了解的知識層面,我建議最好還是引入下載到本地的Bootstrap