പ്രധാന ഉള്ളടക്കത്തിലേക്ക് പോകുക ഡോക്‌സ് നാവിഗേഷനിലേക്ക് പോകുക
in English

ഓപ്ഷനുകൾ

ശൈലിയും പെരുമാറ്റവും നിയന്ത്രിക്കുന്നതിനുള്ള ആഗോള CSS മുൻഗണനകൾ എളുപ്പത്തിൽ ടോഗിൾ ചെയ്യുന്നതിന് ബിൽറ്റ്-ഇൻ വേരിയബിളുകൾ ഉപയോഗിച്ച് ബൂട്ട്സ്ട്രാപ്പ് വേഗത്തിൽ ഇച്ഛാനുസൃതമാക്കുക.

ഞങ്ങളുടെ ബിൽറ്റ്-ഇൻ ഇഷ്‌ടാനുസൃത വേരിയബിൾ ഫയൽ ഉപയോഗിച്ച് ബൂട്ട്‌സ്‌ട്രാപ്പ് ഇഷ്‌ടാനുസൃതമാക്കുകയും പുതിയ $enable-*സാസ് വേരിയബിളുകൾ ഉപയോഗിച്ച് ആഗോള CSS മുൻഗണനകൾ എളുപ്പത്തിൽ മാറ്റുകയും ചെയ്യുക. ഒരു വേരിയബിളിന്റെ മൂല്യം അസാധുവാക്കുകയും npm run testആവശ്യാനുസരണം വീണ്ടും കമ്പൈൽ ചെയ്യുകയും ചെയ്യുക.

scss/_variables.scssബൂട്ട്‌സ്‌ട്രാപ്പിന്റെ ഫയലിലെ പ്രധാന ആഗോള ഓപ്ഷനുകൾക്കായി നിങ്ങൾക്ക് ഈ വേരിയബിളുകൾ കണ്ടെത്താനും ഇഷ്ടാനുസൃതമാക്കാനും കഴിയും .

വേരിയബിൾ മൂല്യങ്ങൾ വിവരണം
$spacer 1rem(സ്ഥിരസ്ഥിതി), അല്ലെങ്കിൽ ഏതെങ്കിലും മൂല്യം > 0 ഞങ്ങളുടെ സ്‌പെയ്‌സർ യൂട്ടിലിറ്റികൾ പ്രോഗ്രമാറ്റിക്കായി ജനറേറ്റുചെയ്യുന്നതിന് ഡിഫോൾട്ട് സ്‌പെയ്‌സർ മൂല്യം വ്യക്തമാക്കുന്നു .
$enable-rounded true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse border-radiusവിവിധ ഘടകങ്ങളിൽ മുൻകൂട്ടി നിശ്ചയിച്ച ശൈലികൾ പ്രവർത്തനക്ഷമമാക്കുന്നു.
$enable-shadows trueഅല്ലെങ്കിൽ false(സ്ഥിരസ്ഥിതി) box-shadowവിവിധ ഘടകങ്ങളിൽ മുൻകൂട്ടി നിശ്ചയിച്ചിട്ടുള്ള അലങ്കാര ശൈലികൾ പ്രാപ്തമാക്കുന്നു . box-shadowഫോക്കസ് സ്റ്റേറ്റുകൾക്ക് ഉപയോഗിക്കുന്നതിനെ ബാധിക്കില്ല .
$enable-gradients trueഅല്ലെങ്കിൽ false(സ്ഥിരസ്ഥിതി) background-imageവിവിധ ഘടകങ്ങളിൽ ശൈലികൾ വഴി മുൻകൂട്ടി നിശ്ചയിച്ച ഗ്രേഡിയന്റുകൾ പ്രവർത്തനക്ഷമമാക്കുന്നു.
$enable-transitions true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse transitionവിവിധ ഘടകങ്ങളിൽ മുൻകൂട്ടി നിശ്ചയിച്ച s പ്രവർത്തനക്ഷമമാക്കുന്നു.
$enable-reduced-motion true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse ഉപയോക്താക്കളുടെ ബ്രൗസർ/ഓപ്പറേറ്റിംഗ് സിസ്റ്റം മുൻഗണനകൾ അടിസ്ഥാനമാക്കിയുള്ള ചില ആനിമേഷനുകൾ/സംക്രമണങ്ങളെ അടിച്ചമർത്തുന്ന മീഡിയ prefers-reduced-motionഅന്വേഷണം പ്രവർത്തനക്ഷമമാക്കുന്നു.
$enable-grid-classes true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse ഗ്രിഡ് സിസ്റ്റത്തിനായി CSS ക്ലാസുകളുടെ ജനറേഷൻ പ്രവർത്തനക്ഷമമാക്കുന്നു (ഉദാ .row, .col-md-1, മുതലായവ).
$enable-caret true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse എന്നതിൽ കപട എലമെന്റ് കെയർ പ്രവർത്തനക്ഷമമാക്കുന്നു .dropdown-toggle.
$enable-button-pointers true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse Add “hand” cursor to non-disabled button elements.
$enable-rfs true (default) or false Globally enables RFS.
$enable-validation-icons true (default) or false Enables background-image icons within textual inputs and some custom forms for validation states.
$enable-negative-margins true or false (default) Enables the generation of negative margin utilities.
$enable-deprecation-messages true (default) or false Set to false to hide warnings when using any of the deprecated mixins and functions that are planned to be removed in v6.
$enable-important-utilities true (default) or false Enables the !important suffix in utility classes.
$enable-smooth-scroll true (default) or false Applies scroll-behavior: smooth globally, except for users asking for reduced motion through prefers-reduced-motion media query