新聞中心
這篇文章主要介紹了如何引入bootstrap,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
Bootstrap的使用一般有兩種方法:
引用在線的Bootstrap的樣式,
將Bootstrap下載到本地進行引用。
在線引用
基本模板如下:
Bootstrap引入
優(yōu)點:不用本地安裝Bootstrap,也不用考慮引用時的路徑問題
缺點:一旦在線樣式掛了,那么會影響整個頁面樣式的呈現(xiàn)
本地引用
將Bootstrap下載到本地。
直接訪問上述代碼中的3個網(wǎng)址來獲取代碼
去Bootstrap的官網(wǎng) http://v3.bootcss.com/ 和JQuery
的官網(wǎng) http://jquery.com/ 下載相應(yīng)的文件
將需要的文件放在項目下,便于引用
bootstrap的目錄結(jié)構(gòu)如下:
bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.min.css.map │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css │ └── bootstrap-theme.min.css.map ├── js/ │ ├── bootstrap.js │ └── bootstrap.min.js └── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2
最常用的是css/bootstrap.min.css、js/bootstrap.min.js
jquery.min.js可以在JQuery官網(wǎng)下載
最后,在相應(yīng)文件中引入即可。
優(yōu)點:確保網(wǎng)絡(luò)狀況不佳的情況下,頁面樣式依然可以正常顯示
缺點:需要提前安裝或下載,引用時要考慮路徑問題。
感謝你能夠認真閱讀完這篇文章,希望小編分享如何引入bootstrap內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)建站,關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián)建站,詳細的解決方法等著你來學(xué)習(xí)!
名稱欄目:如何引入bootstrap-創(chuàng)新互聯(lián)
路徑分享:http://fisionsoft.com.cn/article/pchic.html