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