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