मुख्य सामग्रीमा जानुहोस् कागजात नेभिगेसनमा जानुहोस्
Check
in English

विकल्पहरू

शैली र व्यवहार नियन्त्रणको लागि विश्वव्यापी CSS प्राथमिकताहरू सजिलै टगल गर्न बिल्ट-इन चरहरूसँग बुटस्ट्र्यापलाई द्रुत रूपमा अनुकूलित गर्नुहोस्।

हाम्रो बिल्ट-इन कस्टम चर फाइलको साथ बुटस्ट्र्यापलाई अनुकूलित गर्नुहोस् र नयाँ $enable-*Sass चरहरूसँग विश्वव्यापी CSS प्राथमिकताहरू सजिलैसँग टगल गर्नुहोस्। चरको मान ओभरराइड गर्नुहोस् र npm run testआवश्यकता अनुसार पुन: कम्पाइल गर्नुहोस्।

scss/_variables.scssतपाईंले बुटस्ट्र्यापको फाइलमा प्रमुख विश्वव्यापी विकल्पहरूको लागि यी चरहरू फेला पार्न र अनुकूलन गर्न सक्नुहुन्छ।

चर मानहरू विवरण
$spacer 1rem(पूर्वनिर्धारित), वा कुनै पनि मान > ० हाम्रो स्पेसर उपयोगिताहरूलाई प्रोग्रामेटिक रूपमा उत्पन्न गर्न पूर्वनिर्धारित स्पेसर मान निर्दिष्ट गर्दछ ।
$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