?
This document uses PHP Chinese website manual Release
為了加速移動友好和響應(yīng)式開發(fā),Bootstrap 包含數(shù)十個實用工具類,用于顯示,隱藏,對齊和分隔內(nèi)容。
display
使用我們的display
實用程序來響應(yīng)地切換display
屬性的常見值。將其與我們的網(wǎng)格系統(tǒng),內(nèi)容或組件混合以在特定視口中顯示或隱藏它們。
Bootstrap 4 使用 flexbox 構(gòu)建,但并非每個元素display
都已更改為,display: flex
因為這會增加許多不必要的覆蓋,并意外更改關(guān)鍵瀏覽器行為。我們的大多數(shù)組件都是使用 Flexbox 啟用的。
如果您需要添加display: flex
到元素,請使用.d-flex
或使用其中一種響應(yīng)變體(例如,.d-sm-flex
)。您將需要此類或display
值來允許使用我們的額外Flexbox實用程序來調(diào)整大小,對齊方式,間距等。
使用margin
和padding
間距實用程序來控制元素和組件的間距和大小。引導(dǎo)程序4包含基于1rem
值默認(rèn)$spacer
變量的用于間隔工具的五級縮放。為所有視口選擇值(例如,.mr-3
for margin-right: 1rem
),或選擇響應(yīng)變體以針對特定視口(例如,.mr-md-3
用于margin-right: 1rem
從md
斷點(diǎn)開始)。
visibility
當(dāng)display
不需要切換時,可以visibility
使用我們的可見性實用程序切換元素。不可見的元素仍然會影響頁面的布局,但在視覺上對訪客隱藏。