Bootstrap4 自定義選項(xiàng)

2018-05-25 10:13 更新

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


可用的變量

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

變量值Description
$spacer1rem （默認(rèn)）, 或者任何大于0的值為間隔工具指定默認(rèn)的間隔值
$enable-flextrue 或 false （默認(rèn)）給display: flex交換float和display: table樣式。
$enable-roundedtrue （默認(rèn)） or false為各種組件啟用預(yù)定義的border-radius樣式。
$enable-shadowstrue 或 false （默認(rèn)）為各種組件啟用預(yù)定義的box-shadow樣式。
$enable-gradientstrue 或 false （默認(rèn)）通過background-image為各種組件啟用預(yù)定義的漸變
$enable-transitionstrue （默認(rèn)） 或 false為各種組件啟用預(yù)定義的transition（過渡）
$enable-hover-media-querytrue 或 false （默認(rèn)）…


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)