Utilities para iti layout

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 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 ket mangiraman ti innem nga antas 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, .me-3para margin-right: 1remiti LTR), wenno mangpili kadagiti sumungbat a variante tapno mangpuntiria kadagiti espesipiko a viewport (kas pagarigan, .me-md-3para iti margin-right: 1rem—iti LTR— a mangrugi 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.