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.
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.
Bootstrap 4 hi flexbox hmanga siam a ni a, mahse element zawng zawng chu display
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: 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 .
Element leh component te space leh size te control turin margin
and padding
spacing utilities hmang ang che . Bootstrap 4 ah hian spacing utilities te tan level panga scale a awm a, chu chu 1rem
value default $spacer
variable atanga siam a ni. Viewport zawng zawng tan value thlang la (eg, .mr-3
for margin-right: 1rem
), a nih loh leh viewport bik target turin responsive variant thlang rawh (eg, breakpoint atanga tan .mr-md-3
tur ).margin-right: 1rem
md
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