Main content ah kal rawh Docs navigation ah kal rawh
in English

Layout atana hman tur utilities te

Mobile-friendly leh responsive development chak zawk neih nan Bootstrap hian content entir, thup, align leh spacing na tur utility class tam tak a keng tel a ni.

A danglam zeldisplay

Kan display utilitiesdisplay hmang hian property value tlangpui te chu responsive taka toggling theih a ni. Kan grid system, content, emaw components te nen mix la, viewport bik hrang hranga entir emaw thup emaw theih a ni.

Flexbox ah hian duhthlan tur a awm

Bootstrap hi flexbox hmanga siam a ni a, mahse element zawng zawng displayhi tihdanglam a ni lo a display: flex, hei hian override tul lo tam tak a belh dawn a, beisei loh takin key browser behavior a thlak danglam dawn avangin. Kan component tam zawk hi flexbox enabled hmanga siam a ni.

display: flexElement pakhatah i belh a ngai a nih .d-flexchuan, responsive variant (eg, .d-sm-flex) hmangin emaw, pakhat emaw hmangin ti rawh. Sizing, alignment, spacing, leh thil dang dang atana kan extra flexbox utilitiesdisplay hman phalsak turin he class emaw value emaw hi i mamawh ang .

Margin leh padding te a awm bawk

Element leh component te space leh size te control turin marginand padding spacing utilities hmang ang che . Bootstrap hian spacing utilities atan level ruk nei scale a keng tel a, chu chu 1remvalue default $spacervariable atanga siam a ni. Viewport zawng zawng tan value thlang rawh (eg, LTR-a .me-3tan margin-right: 1rem), a nih loh leh viewport bik target turin responsive variant thlang rawh (eg, .me-md-3for margin-right: 1rem—LTR-ah— mdbreakpoint atanga tan).

Toggle rawhvisibility

Toggling a ngai loh chuan element pakhat chu kan visibility utilitiesdisplay hmangin i toggle thei ang . Hmuh theih loh elements hian page layout a la nghawng dawn tho a, mahse tlawhtute lakah hmuh theihin a thup tlat thung.visibility