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 |