【前端】bootstrap引入

引入在線Bootstrap

1.首先引入靜態樣式CSScss

 

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"> 

2.引入動態jsjquery

 

<!--使用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

其實,這個那啥好說的,引用的時候須要注意路徑是否正確。
例: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後。bash

我的意見(待完善)

就目前所瞭解的知識層面,我建議最好仍是引入下載到本地的Bootstrap.spa

相關文章
相關標籤/搜索