本篇文章為大家展示了怎么引入bootstrap文件，代碼簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

昌都ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

Bootstrap是一組用于網(wǎng)站和網(wǎng)絡應用程序開發(fā)的開源前端框架，包括HTML、CSS及JavaScript的框架，提供字體排印、窗體、按鈕、導航及其他各種組件及Javascript擴展，旨在使動態(tài)網(wǎng)頁和Web應用的開發(fā)更加容易。

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/ 下載相應的文件

將需要的文件放在項目下，便于引用

bootstrap的目錄結構如下：

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ōu)點：確保網(wǎng)絡狀況不佳的情況下，頁面樣式依然可以正常顯示

缺點：需要提前安裝或下載，引用時要考慮路徑問題。

上述內容就是怎么引入bootstrap文件，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。