Source

Itilite pou layout

Pou yon devlopman ki pi rapid zanmitay mobil ak reponn, Bootstrap gen ladan plizyè douzèn klas sèvis piblik pou montre, kache, aliyman, ak espas.

Chanjedisplay

Sèvi ak sèvis piblik ekspozisyon nou yo pou chanje valè komen nan displaypwopriyete a. Melanje li ak sistèm kadriyaj nou an, kontni, oswa konpozan yo montre oswa kache yo atravè fenèt espesifik.

Opsyon Flexbox

Bootstrap 4 bati ak flexbox, men se pa tout eleman yo displayte chanje an display: flexkòm sa a ta ajoute anpil ranvwa ki pa nesesè ak san atann chanje konpòtman kle navigatè yo. Pifò nan eleman nou yo bati ak flexbox pèmèt.

Si ou ta dwe ajoute display: flexnan yon eleman, fè sa ak .d-flexoswa youn nan varyant ki reponn yo (egzanp, .d-sm-flex). Ou pral bezwen klas oswa displayvalè sa a pou pèmèt itilizasyon sèvis piblik siplemantè flexbox nou yo pou gwosè, aliyman, espas, ak plis ankò.

Marge ak padding

Sèvi ak sèvis piblik yo marginak padding espas pou kontwole kijan eleman ak konpozan yo espace ak gwosè. Bootstrap 4 gen ladan yon echèl senk-nivo pou espas sèvis piblik, ki baze sou yon varyab 1remvalè default $spacer. Chwazi valè pou tout Viewports (egzanp, .mr-3pou margin-right: 1rem), oswa chwazi varyant reponn pou vize Viewports espesifik (egzanp, .mr-md-3pou margin-right: 1remkòmanse nan pwen mdrupture).

Baskilevisibility

displayou pa nesesè, ou ka aktive visibilitynan yon eleman ak sèvis piblik vizibilite nou yo . Eleman envizib ap toujou afekte layout paj la, men yo vizyèlman kache pou vizitè yo.