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 display
hi 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 a ni. Kan component tam zawk hi flexbox enabled hmanga siam a ni.
display: flex
Element pakhatah i belh a ngai a nih .d-flex
chuan, 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 margin
and padding
spacing utilities hmang ang che . Bootstrap hian spacing utilities atan level ruk nei scale a keng tel a, chu chu 1rem
value default $spacer
variable atanga siam a ni. Viewport zawng zawng tan value thlang rawh (eg, LTR-a .me-3
tan margin-right: 1rem
), a nih loh leh viewport bik target turin responsive variant thlang rawh (eg, .me-md-3
for margin-right: 1rem
—LTR-ah— md
breakpoint 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