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 |