Bootstrap-自定義重新設定Sass

Bootstrap-自定義重新設定Sass

用koala設定

  1. 在專案資料夾中新增scss資料夾,以及style.scss檔案

  2. 進入Bootstrap-download,下載Source files

  3. 下載解壓縮後,將所有下載的scss資料夾中的所有檔案複製到自己專案的scss資料夾中

  4. 下載koala

  5. 用koala打開專案資料夾,取消不必被compile的項目

  6. 將bootstrap.scss重新輸出路徑到專案的css資料夾中,並且再回到koala執行Compile。Compile之後,就可以看到bootstrap.css出現在專案中

  1. style.scss也重複上述動作,輸出路徑可以覆蓋原先css中的style.css檔案,一樣再執行Compile

  2. 用vscode打開專案,將舊的「bootstrap.css」與「style.css」刪除

  3. 在index.html中,重新設定bootstrap的引入設定,指定為專案中的bootstrap.css

  4. 在scss檔案中即可修改設定

© 2020 Leah's Blog All Rights Reserved. 本站访客数人次 本站总访问量
Theme by hiero