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 |