您好,登錄后才能下訂單哦!
今天小編給大家分享一下Bootstrap框架如何安裝的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。
Bootstrap 是基于 HTML、CSS、JavaScript 開(kāi)發(fā)的簡(jiǎn)潔、直觀、強(qiáng)悍的前端開(kāi)發(fā)框架,所以它要求開(kāi)發(fā)者具備 HTML、CSS、Javascript 的基礎(chǔ)知識(shí)。其最大的優(yōu)勢(shì)是響應(yīng)式布局,使得開(kāi)發(fā)者可以方便的讓網(wǎng)頁(yè)無(wú)論在臺(tái)式機(jī)、平板設(shè)備、手機(jī)上都獲得最佳的體驗(yàn)。
通過(guò)官網(wǎng)下載 https://v3.bootcss.com,這里需要注意三種不同的下載方式針對(duì)具有不同技能等級(jí)的開(kāi)發(fā)者和不同的使用場(chǎng)景,這里我們通常使用第一種下載方式用于生產(chǎn)環(huán)境的 Bootstrap
在以往的開(kāi)發(fā)過(guò)程中,我常用到的安裝方式就是以上這種方式,其余的幾種安裝方式在用到的時(shí)候會(huì)補(bǔ)充的
Bootstrap 提供了兩種形式的壓縮包,在下載下來(lái)的壓縮包內(nèi)可以看到以下目錄和文件,這些文件按照類(lèi)別放到了不同的目錄內(nèi),并且提供了壓縮與未壓縮兩種版本。下載包包含 CSS、JS、Font 三種文件夾
解壓后的目錄結(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 文件夾如圖:
JS文件夾如圖:
Font文件夾如圖:
注意:帶有 min 的文件是壓縮文件,我們?cè)陧?xiàng)目中一般引用的是壓縮文件。帶有 map 的文件是 CSS 源碼映射表,可以在某些瀏覽器的開(kāi)發(fā)工具中使用。
Bootstrap 框架的使用就是把它的 CSS 文件和 JS 文件引入到所寫(xiě)的網(wǎng)頁(yè)中去,這里我引用的是兩種文件的壓縮格式。圖中可以清楚的看到我在引入 Bootstrap 的 JS 文件之前就引用了 jQuery 庫(kù),是因?yàn)?Bootstrap 的所有 JavaScript 插件都依賴(lài) jQuery,所以 jQuery 必須在 Bootstrap 之前引入,還有需要注意的是 Bootstrap 支持引入的 jQuery 庫(kù)的版本必須是1.9.1以上的版本
1、一般常見(jiàn)的 IDE 開(kāi)發(fā)工具就可以編寫(xiě) bootstrap 響應(yīng)式頁(yè)面,例如VS Code,WebStorm
2、Bootlint: Bootstrap 官方所支持的 HTML檢測(cè)工具,Bootlint 檢測(cè)你的頁(yè)面上的 Bootstrap 組件是否符合 Bootstrap 的 HTML 結(jié)構(gòu)規(guī)則。
以上就是“Bootstrap框架如何安裝”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。