如何安裝bootstrap

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)如何安裝bootstrap，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

bootstrap安裝方法：

通過 Bower 進(jìn)行安裝

還可以通過 Bower 安裝并管理 Bootstrap 的 Less、CSS、JavaScript 和字體文件。

$ bower install bootstrap

通過 npm 進(jìn)行安裝

你還可以利用 npm 工具來安裝 Bootstrap：

$ npm install bootstrap@3

require('bootstrap') 代碼的作用是加載 Bootstrap 的所有 jQuery 插件。其中，bootstrap 模塊自身并不導(dǎo)出任何內(nèi)容。你可以通過加載安裝包頂級(jí)目錄下的 /js/*.js 文件的方式手動(dòng)加載單個(gè)的 Bootstrap 插件。

Bootstrap 的 package.json 文件包含了一些額外的元數(shù)據(jù)：

● less - Bootstrap 源碼的入口 Less 文件的路徑

● style - Bootstrap 的未壓縮 CSS 文件的路徑

通過 Composer 進(jìn)行安裝

通過 Composer （中文官網(wǎng)：Composer 中文網(wǎng)）也可以安裝 Bootstrap 安裝包，其中包括 Less、CSS、JavaScript 和 fonts 文件：

$ composer require twbs/bootstrap

編譯 Less/Sass 源碼需要注意的事項(xiàng)

Bootstrap 利用 Autoprefixer 自動(dòng)為 某些 CSS 屬性添加針對(duì)特定廠商的前綴。如果你是從 Less/Sass 源碼編譯 Bootstrap 的，并且沒有使用 Bootstrap 自帶的 Gruntfile 文件，那你就必須將 Autoprefixer 集成到你的編譯工具和編譯過程中。如果你使用的是我們預(yù)先編譯好的 Bootstrap 文件或者使用的是我們提供的 Gruntfile 文件，那就無需操心了，我們已經(jīng)將這些工作替你搞定了。

上述就是小編為大家分享的如何安裝bootstrap了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。