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-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 |