自定義Bootstrap 4

基本定製

專家提示：不要忘記執行npm start或yarn start以獲取更改後的即時反饋！

定製JHipster應用程式外觀的最簡單方法是，透過覆蓋src/main/webapp/content/css/global.css中的CSS樣式，或者如果您選擇了Sass選項，則重寫src/main/webapp/content/scss/global.scss檔案。

由於Bootstrap也是用Sass編寫的，因此與普通CSS相比，使用Sass既簡單，簡潔又功能強大，請參考Bootstrap的官方主題文件。

如果要在自己的scss檔案中使用Bootstrap partials，請按如下所示將其匯入scss檔案的開頭。 例如，使用border-radius mixin：

@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins/border-radius";

確保僅匯入部分檔案而不匯入主Sass檔案，否則最終將生成重複的CSS，這可能會導致問題。

要更改預設的Bootstrap設定（例如顏色，邊框半徑等），請在區域性檔案src/main/webapp/content/scss/_bootstrap-variable.scss中新增或更改屬性的值

Bootstrap _variables.scss中定義的所有值都可以在此處覆蓋。