મુખ્ય સામગ્રી પર જાઓ ડૉક્સ નેવિગેશન પર જાઓ
Check
in English

વિકલ્પો

શૈલી અને વર્તણૂકને નિયંત્રિત કરવા માટે વૈશ્વિક CSS પસંદગીઓને સરળતાથી ટૉગલ કરવા માટે બિલ્ટ-ઇન ચલો સાથે બુટસ્ટ્રેપને ઝડપથી કસ્ટમાઇઝ કરો.

અમારી બિલ્ટ-ઇન કસ્ટમ વેરિયેબલ્સ ફાઇલ સાથે બુટસ્ટ્રેપને કસ્ટમાઇઝ કરો અને નવા $enable-*Sass વેરિયેબલ્સ સાથે વૈશ્વિક CSS પસંદગીઓને સરળતાથી ટૉગલ કરો. ચલના મૂલ્યને ઓવરરાઇડ કરો અને npm run testજરૂરિયાત મુજબ ફરીથી કમ્પાઇલ કરો.

તમે બુટસ્ટ્રેપની scss/_variables.scssફાઇલમાં કી વૈશ્વિક વિકલ્પો માટે આ ચલોને શોધી અને કસ્ટમાઇઝ કરી શકો છો.

ચલ મૂલ્યો વર્ણન
$spacer 1rem(ડિફૉલ્ટ), અથવા કોઈપણ મૂલ્ય > 0 અમારી સ્પેસર ઉપયોગિતાઓને પ્રોગ્રામેટિક રીતે જનરેટ કરવા માટે ડિફોલ્ટ સ્પેસર મૂલ્યનો ઉલ્લેખ કરે છે .
$enable-rounded true(મૂળભૂત) અથવાfalse border-radiusવિવિધ ઘટકો પર પૂર્વવ્યાખ્યાયિત શૈલીઓને સક્ષમ કરે છે.
$enable-shadows trueઅથવા false(મૂળભૂત) box-shadowવિવિધ ઘટકો પર પૂર્વવ્યાખ્યાયિત સુશોભન શૈલીઓને સક્ષમ કરે છે. box-shadowફોકસ સ્ટેટ્સ માટે ઉપયોગમાં લેવાતા s ને અસર કરતું નથી .
$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 .rowગ્રીડ સિસ્ટમ (દા.ત. , .col-md-1વગેરે) માટે CSS વર્ગોની જનરેશનને સક્ષમ કરે છે .
$enable-container-classes true(મૂળભૂત) અથવાfalse લેઆઉટ કન્ટેનર માટે CSS વર્ગોની જનરેશનને સક્ષમ કરે છે. (v5.2.0 માં નવું)
$enable-caret true(મૂળભૂત) અથવાfalse પર સ્યુડો એલિમેન્ટ કેરેટને સક્ષમ કરે છે .dropdown-toggle.
$enable-button-pointers true(મૂળભૂત) અથવાfalse બિન-અક્ષમ બટન ઘટકોમાં "હાથ" કર્સર ઉમેરો.
$enable-rfs true(મૂળભૂત) અથવાfalse વૈશ્વિક સ્તરે RFS ને સક્ષમ કરે છે.
$enable-validation-icons true(મૂળભૂત) અથવાfalse background-imageટેક્સ્ચ્યુઅલ ઇનપુટ્સ અને માન્યતા સ્થિતિઓ માટે કેટલાક કસ્ટમ સ્વરૂપોમાં ચિહ્નોને સક્ષમ કરે છે.
$enable-negative-margins trueઅથવા false(મૂળભૂત) નેગેટિવ માર્જિન યુટિલિટીઝના જનરેશનને સક્ષમ કરે છે .
$enable-deprecation-messages true(મૂળભૂત) અથવાfalse કોઈપણ નાપસંદ મિક્સિન્સ અને ફંક્શનનો ઉપયોગ કરતી વખતે ચેતવણીઓ છુપાવવા માટે સેટ કરો falseકે જે માં દૂર કરવાની યોજના છે v6.
$enable-important-utilities true(મૂળભૂત) અથવાfalse !importantઉપયોગિતા વર્ગોમાં પ્રત્યયને સક્ષમ કરે છે .
$enable-smooth-scroll true(મૂળભૂત) અથવાfalse મીડિયા ક્વેરીscroll-behavior: smooth દ્વારા ઓછી ગતિ માટે પૂછતા વપરાશકર્તાઓ સિવાય વૈશ્વિક સ્તરે લાગુ થાય છેprefers-reduced-motion