in English
विकल्प
शैली और व्यवहार को नियंत्रित करने के लिए वैश्विक सीएसएस प्राथमिकताओं को आसानी से टॉगल करने के लिए अंतर्निहित चर के साथ बूटस्ट्रैप को त्वरित रूप से अनुकूलित करें।
हमारी अंतर्निहित कस्टम चर फ़ाइल के साथ बूटस्ट्रैप को अनुकूलित करें और नए $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 |