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 |
ग्रिड प्रणालीसाठी CSS वर्गांची निर्मिती सक्षम करते (उदा .row . .col-md-1 , इ.). |
$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 |