Source

Utilities para iti layout

Para iti naparpartak a mobile-friendly ken makasungbat a panagrang-ay, ti Bootstrap ket mangiraman kadagiti pinulpullo a klase ti utilidad para iti panagipakita, panaglemmeng, panagtunos, ken panagsisina ti linaon.

Agbalbaliwdisplay

Usaren dagiti display utilities mi para iti responsively toggling dagiti gagangay a pateg ti displaysanikua. Ilaok daytoy iti sistema ti gridtayo, linaon, wenno dagiti paset tapno maipakita wenno mailemmeng dagitoy iti ballasiw dagiti espesipiko a viewport.

Dagiti pagpilian ti Flexbox

Ti Bootstrap 4 ket naibangon babaen ti flexbox, ngem saan a tunggal maysa nga elemento displayket nabaliwan a display: flexkas daytoy ket manginayon kadagiti adu a saan a kasapulan a panagbaliw ken di ninamnama a mangbalbaliw kadagiti tulbek a kababalin ti browser. Kaaduan kadagiti components tayo ket naaramid nga addaan iti flexbox enabled.

No kasapulam koma ti manginayon display: flexiti maysa nga elemento, aramidem daytoy babaen .d-flexwenno maysa kadagiti sumungbat a variante (kas pagarigan, .d-sm-flex). Kasapulanmo daytoy a klase wenno displaypateg tapno mangipalubos ti panagusar kadagiti ekstra a flexbox a utilidadmi para iti panagdakkel, panagtunos, panagsisina, ken dadduma pay.

Margin ken padding

Usaren dagiti marginken padding dagiti utilidad ti panagsisina tapno makontrol no kasano a dagiti elemento ken dagiti paset ket naggigiddiatan ken kadakkel. Ti Bootstrap 4 ket mangiraman ti lima-nga-angin a sukog para kadagiti utilidad ti panagsisina, a naibatay iti maysa a 1rempateg a default $spacera variable. Pilien dagiti pateg para kadagiti amin a viewport (kas pagarigan, .mr-3para iti margin-right: 1rem), wenno mangpili kadagiti makasungbat a variante tapno mangpuntiria kadagiti espesipiko a viewport (kas pagarigan, .mr-md-3para iti margin-right: 1rempanangrugi iti mdbreakpoint).

Ag-toggle ngavisibility

No displaysaan a kasapulan ti panag-toggle, mabalinmo nga i-toggle ti visibilityti maysa nga elemento babaen dagiti utilidadmi iti pannakakita . Dagiti di makita nga elemento ket mangapektarto pay laeng ti layout ti panid, ngem makita a nailemmeng manipud kadagiti bisita.