您好,登錄后才能下訂單哦!
這篇文章主要介紹“bootstrap的安裝方法介紹”,在日常操作中,相信很多人在bootstrap的安裝方法介紹問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”bootstrap的安裝方法介紹”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
bootstrap安裝方法:
通過 Bower 進行安裝
還可以通過 Bower 安裝并管理 Bootstrap 的 Less、CSS、JavaScript 和字體文件。
$ bower install bootstrap
通過 npm 進行安裝
你還可以利用 npm 工具來安裝 Bootstrap:
$ npm install bootstrap@3
require('bootstrap') 代碼的作用是加載 Bootstrap 的所有 jQuery 插件。其中,bootstrap 模塊自身并不導出任何內容。你可以通過加載安裝包頂級目錄下的 /js/*.js 文件的方式手動加載單個的 Bootstrap 插件。
Bootstrap 的 package.json 文件包含了一些額外的元數據:
● less - Bootstrap 源碼的入口 Less 文件的路徑
● style - Bootstrap 的未壓縮 CSS 文件的路徑
通過 Composer 進行安裝
通過 Composer (中文官網:Composer 中文網)也可以安裝 Bootstrap 安裝包,其中包括 Less、CSS、JavaScript 和 fonts 文件:
$ composer require twbs/bootstrap
編譯 Less/Sass 源碼需要注意的事項
Bootstrap 利用 Autoprefixer 自動為 某些 CSS 屬性添加針對特定廠商的前綴。如果你是從 Less/Sass 源碼編譯 Bootstrap 的,并且沒有使用 Bootstrap 自帶的 Gruntfile 文件,那你就必須將 Autoprefixer 集成到你的編譯工具和編譯過程中。如果你使用的是我們預先編譯好的 Bootstrap 文件或者使用的是我們提供的 Gruntfile 文件,那就無需操心了,我們已經將這些工作替你搞定了。
到此,關于“bootstrap的安裝方法介紹”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。