怎樣引入bootstrap?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
Bootstrap是目前最受歡迎的前端框架,它是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發(fā)更加快捷,它還有一個(gè)響應(yīng)好的Grid系統(tǒng),并且能夠在手機(jī)端通用,而Bootstrap是使用許多可重用的CSS和JavaScript組件,可以幫助實(shí)現(xiàn)需要的幾乎任何類型的網(wǎng)站的功能,此外,所有這些組件都是響應(yīng)式的。
Bootstrap的使用一般有兩種方法:
引用在線的Bootstrap的樣式,
將Bootstrap下載到本地進(jìn)行引用。
在線引用
基本模板如下:
<html><head> <meta charset="UTF-8"> <title>Bootstrap引入</title> <!-- 新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="/tupian/20230522/pp去Bootstrap的官網(wǎng).css /tupian/20230522/ 和JQuery的官網(wǎng) /tupian/20230522/ 下載相應(yīng)的文件
將需要的文件放在項(xià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)點(diǎn):確保網(wǎng)絡(luò)狀況不佳的情況下,頁面樣式依然可以正常顯示
缺點(diǎn):需要提前安裝或下載,引用時(shí)要考慮路徑問題。
看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對(duì)創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,的支持。
網(wǎng)站欄目:怎樣引入bootstrap-創(chuàng)新互聯(lián)
標(biāo)題URL:http://jinyejixie.com/article10/djssdo.html成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、網(wǎng)站設(shè)計(jì)公司、建站公司、軟件開發(fā)、網(wǎng)站策劃、網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容