Mga gamit alang sa layout

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 gitukod gamit ang flexbox, apan dili tanan nga elemento ang displaygiusab tungod display: flexkay kini makadugang sa daghang wala kinahanglana nga mga override ug wala damha nga mag-usab sa mga yawe nga kinaiya sa browser. Kadaghanan sa among mga sangkap gitukod 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, paglinya, 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 naglakip sa usa ka unom ka lebel nga sukdanan alang sa mga gamit sa gilay-on, base sa usa ka 1rembili nga default $spacervariable. Pagpili og mga bili alang sa tanang viewports (pananglitan, .me-3para margin-right: 1remsa LTR), o pagpili og responsive nga mga variant aron i-target ang piho nga viewports (pananglitan, .me-md-3para sa margin-right: 1rem—sa LTR—sugod 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.