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

Thil thlan theih a ni

Bootstrap chu built-in variable hmangin rang takin customize la, style leh behavior control nan global CSS preferences awlsam taka toggle theih a ni.

Kan built-in custom variables file hmangin Bootstrap hi customize la, awlsam takin global CSS preferences chu $enable-*Sass variable thar hmangin i toggle thei ang. Variable pakhat value chu override la, npm run testa tul angin recompile rawh.

Bootstrap scss/_variables.scssfile ah hian key global option atan heng variable te hi i zawng thei a, i customize thei bawk.

A danglam thei Hlutna hrang hrang Hrilhfiahna
$spacer 1rem(default), emaw value eng pawh > 0 Kan spacer utilities te programmatic taka siam chhuah theihna tur default spacer value a tarlang .
$enable-rounded true(default) emaw a nifalse Component hrang hrangah predefined border-radiusstyles a siam thei.
$enable-shadows trueemaw false(default) emaw a ni. Component hrang hrangah predefined decorative box-shadowstyles a siam thei. box-shadowFocus state atana hman s a nghawng lo .
$enable-gradients trueemaw false(default) emaw a ni. background-imageComponent hrang hranga style hmanga predefined gradient te a tichak thei.
$enable-transitions true(default) emaw a nifalse Component hrang hrangah predefined transitions a siam thei.
$enable-reduced-motion true(default) emaw a nifalse Enables the prefers-reduced-motionmedia query , chu chuan animation/transition thenkhat chu users te browser/operating system duh dan a zirin a titawp thin.
$enable-grid-classes true(default) emaw a nifalse Grid system atana CSS class siam theihna a siam (eg .row, .col-md-1, etc.).
$enable-container-classes true(default) emaw a nifalse Layout container te tana CSS class siam theihna a siam. (v5.2.0-a thil thar)
$enable-caret true(default) emaw a nifalse Pseudo element caret chu a enable a .dropdown-toggleni.
$enable-button-pointers true(default) emaw a nifalse Button element tihtawp lohte chu “hand” cursor dah la.
$enable-rfs true(default) emaw a nifalse Khawvel pum huapin RFS a tichak thei .
$enable-validation-icons true(default) emaw a nifalse background-imageTextual inputs chhunga icon awmte leh validation state atan custom form thenkhat a enable thin.
$enable-negative-margins trueemaw false(default) emaw a ni. Negative margin utilities siam theihna a siam .
$enable-deprecation-messages true(default) emaw a nifalse . false_ v6_
$enable-important-utilities true(default) emaw a nifalse !importantUtility class-a suffix awm thei tur a enable .
$enable-smooth-scroll true(default) emaw a nifalse Media query hmanga motion tihtlem diltute scroll-behavior: smoothtih loh chu khawvel pum huapin a hman theihprefers-reduced-motion