Mga gamit alang sa layout
Alang sa mas paspas nga mobile-friendly ug responsive nga kalamboan, ang Bootstrap naglakip sa daghang mga klase sa utility para sa pagpakita, pagtago, pag-align, ug paglay-on sa sulod.
Gamita ang among mga gamit sa pagpakita alang sa dali nga pag-toggle sa mga sagad nga kantidad sa display
kabtangan. Isagol kini sa among sistema sa grid, sulud, o mga sangkap aron ipakita o itago kini sa mga piho nga viewport.
Ang Bootstrap 4 gitukod gamit ang flexbox, apan dili tanan nga elemento ang display
nabag-o tungod display: flex
kay kini makadugang sa daghang wala kinahanglana nga mga override ug wala damha nga magbag-o sa panguna nga pamatasan sa browser. Kadaghanan sa among mga sangkap gihimo gamit ang flexbox nga gipagana.
Kung kinahanglan nimo nga idugang display: flex
sa usa ka elemento, buhata kini gamit ang .d-flex
o usa sa mga motubag nga variant (pananglitan, .d-sm-flex
). Kinahanglan nimo kini nga klase o display
kantidad aron tugutan ang paggamit sa among dugang nga mga gamit sa flexbox alang sa pagsukod, pag-align, gilay-on, ug uban pa.
Gamita ang margin
ug padding
spacing utilities aron makontrol kung giunsa ang mga elemento ug mga sangkap gilay-on ug gidak-on. Ang Bootstrap 4 naglakip sa lima ka lebel nga sukdanan alang sa spacing utilities, base sa 1rem
value default $spacer
variable. Pilia ang mga kantidad para sa tanang viewports (pananglitan, .mr-3
para sa margin-right: 1rem
), o pilia ang responsive nga mga variant aron matarget ang piho nga viewports (pananglitan, .mr-md-3
para sa margin-right: 1rem
pagsugod sa md
breakpoint).
display
Kung dili kinahanglan ang toggling , mahimo nimong i-toggle ang visibility
usa ka elemento gamit ang among visibility utilities . Ang dili makita nga mga elemento makaapekto gihapon sa layout sa panid, apan makita nga gitago gikan sa mga bisita.