怎麽修改 Bootstrap 的色彩主題呢？本篇就教妳如何定制 Bootstrap4，使妳的頁面更與眾不同壹些。
0. 需要的工具
Node.js 編譯
Bootstrap4、下載Bootstrap的依賴包，需要在電腦上安裝 Node.jsBootstrap4 源代碼 修改 Boostrap 需要壹份源代碼，訪問 Bootstrap 官方網站（pm --registry=pm 代替
依賴下載完之後執行編譯：
npm run dist
稍等片刻，編譯好的 css 文件會出現在 dist/css/ 目錄下，可以復制到妳的項目中使用啦！
5. 在 Webpack 項目定制 Bootstrap
以上所說內容都是通過編譯源代碼的方式定制 Bootstrap4。如果想要在 Webpack 項目中定制 Bootstrap4 該怎麽辦呢？
直接修改 node_modules 中的 Bootstrap 源碼不太合適。官方推薦的方式是，在項目中新建壹個 custom.scss 文件，把妳想修改的變量寫在裏面：
// 如果想修改 _variables.scss 中的變量，請寫在這裏
$primary: #e95420 !default;
$secondary: #0e8420 !default;
...
// 文件末尾請這樣引入 Bootstrap 的源碼
@import "~bootstrap/scss/bootstrap";
然後在 Webpack 編譯時，把 custom.scss 也加入到編譯的文件列表中。這需要修改項目中的 webpack.config.js 配置。
那麽，webpack.config.js 該怎麽寫呢？
答案就在 Boostrap4 的官方文檔裏，您可以自己翻閱。也可通過這個微信號贊助我 1 元，我會直接告訴您答案。謝謝各位土豪，您的支持就是我繼續分享的動力！：-)