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.

Nagbag-odisplay

Gamita ang among mga display utilities para sa responsively toggling sa komon nga mga value sa displayproperty. Isagol kini sa among grid system, content, o mga component aron ipakita o itago kini sa mga piho nga viewports.

Mga kapilian sa Flexbox

Ang Bootstrap 4 gitukod gamit ang flexbox, apan dili tanan nga elemento ang displaynabag-o tungod display: flexkay 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: flexsa usa ka elemento, buhata kini gamit ang .d-flexo usa sa mga motubag nga variant (pananglitan, .d-sm-flex). Kinahanglan nimo kini nga klase o displaykantidad aron tugutan ang paggamit sa among dugang nga mga gamit sa flexbox alang sa pagsukod, pag-align, gilay-on, ug uban pa.

Margin ug padding

Gamita ang marginug 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 1remvalue default $spacervariable. Pagpili og mga bili alang sa tanang viewports (pananglitan, .mr-3para sa margin-right: 1rem), o pagpili og responsive nga mga variant aron ma-target ang piho nga viewports (pananglitan, .mr-md-3sa margin-right: 1rempagsugod sa mdbreakpoint).

Togglevisibility

displayKung dili kinahanglan ang toggling , mahimo nimong i-toggle ang visibilityusa 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.