Bootstrap引入方式

引入在線Bootstrap

1.首先引入靜態(tài)樣式CSS

<link rel="stylesheet" >

2.引入動(dòng)態(tài)js

<!--使用Bootstrap的js插件,必須先調(diào)入jQuery-->
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
 
<!-- 包括所有bootstrap的js插件或者可以根據(jù)需要使用的js插件調(diào)用 -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

引入下載到本地的Bootstrap

其實(shí),這個(gè)那啥好說的,引用的時(shí)候需要注意路徑是否正確。
例:

 <!--引入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在網(wǎng)頁全部加載完后才起作用,比如你的js里面有個(gè)alert,如果放在頭部會(huì)因?yàn)閺棾龃翱诘却脩舸_認(rèn)而導(dǎo)致整個(gè)頁面加載受影響。所以,通常做法,樣式表通常放在head里而最先加載完畢,而js在body后。

個(gè)人意見(待完善)

就目前所了解的知識(shí)層面,我建議最好還是引入下載到本地的Bootstrap.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評(píng)論 19 139
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,150評(píng)論 1 92
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,309評(píng)論 4 61
  • 蓬萊閣上蓬萊游, 仙去閣空海自流。 效施過海尋舊徑, 憑海遙弔八仙丘。 同窗四十年開外, 情似海深遍神州。 桑榆攜...
    士口喆士口閱讀 234評(píng)論 0 0
  • 08 千燈知道,伽藍(lán)寺外的天下動(dòng)蕩不太平。秦徵每天都守著她們,直到她們的房間傳來平穩(wěn)的呼吸聲。 這日子,倒也安穩(wěn)。...
    霧鎖千燈閱讀 695評(píng)論 2 5

友情鏈接更多精彩內(nèi)容