閱讀(15.5k) 書簽贊(1) 我要糾錯

Bootstrap4 自定義選項

2018-05-25 10:13 更新

在Bootstrap 4中，我們可以通過一系列的全局選項，在項目中輕松定制所有的組件。這些選項通過Sass變量來處理。通過內(nèi)置的Gruntfile，可以簡單改變一個變量的值，并重新編譯。

可用的變量

您可以在_variables.scss文件找到這些變量并自定義這些變量。

變量	值	Description
`$spacer`	`1rem` （默認）, 或者任何大于0的值	為間隔工具指定默認的間隔值
`$enable-flex`	`true` 或 `false` （默認）	給`display: flex`交換`float`和`display: table`樣式。
`$enable-rounded`	`true` （默認） or `false`	為各種組件啟用預定義的`border-radius`樣式。
`$enable-shadows`	`true` 或 `false` （默認）	為各種組件啟用預定義的`box-shadow`樣式。
`$enable-gradients`	`true` 或 `false` （默認）	通過`background-image`為各種組件啟用預定義的漸變
`$enable-transitions`	`true` （默認）或 `false`	為各種組件啟用預定義的`transition`（過渡）
`$enable-hover-media-query`	`true` 或 `false` （默認）	…

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充