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 display
sanikua. 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 display
ket nabaliwan a display: flex
kas 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: flex
iti maysa nga elemento, aramidem daytoy babaen .d-flex
wenno maysa kadagiti sumungbat a variante (kas pagarigan, .d-sm-flex
). Kasapulanmo daytoy a klase wenno display
pateg tapno mangipalubos ti panagusar kadagiti ekstra a flexbox a utilidadmi para iti panagdakkel, panagtunos, panagsisina, ken dadduma pay.
Margin ken padding
Usaren dagiti margin
ken 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 1rem
pateg a default $spacer
a variable. Pilien dagiti pateg para kadagiti amin a viewport (kas pagarigan, .mr-3
para iti margin-right: 1rem
), wenno mangpili kadagiti makasungbat a variante tapno mangpuntiria kadagiti espesipiko a viewport (kas pagarigan, .mr-md-3
para iti margin-right: 1rem
panangrugi iti md
breakpoint).
Ag-toggle ngavisibility
No display
saan a kasapulan ti panag-toggle, mabalinmo nga i-toggle ti visibility
ti 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.