अनुकूलित करें
Sass के साथ बूटस्ट्रैप को थीम, कस्टमाइज़ और विस्तारित करना सीखें, वैश्विक विकल्पों का एक बोटलोड, एक विस्तृत रंग प्रणाली, और बहुत कुछ।
अवलोकन
बूटस्ट्रैप को कस्टमाइज़ करने के कई तरीके हैं। आपका सबसे अच्छा पथ आपके प्रोजेक्ट, आपके बिल्ड टूल्स की जटिलता, आपके द्वारा उपयोग किए जा रहे बूटस्ट्रैप के संस्करण, ब्राउज़र समर्थन, और बहुत कुछ पर निर्भर हो सकता है।
हमारे दो पसंदीदा तरीके हैं:
- पैकेज मैनेजर के माध्यम से बूटस्ट्रैप का उपयोग करना ताकि आप हमारी स्रोत फ़ाइलों का उपयोग और विस्तार कर सकें।
- बूटस्ट्रैप की संकलित वितरण फ़ाइलों या jsDelivr का उपयोग करना ताकि आप बूटस्ट्रैप की शैलियों को जोड़ या ओवरराइड कर सकें।
हालांकि हम यहां प्रत्येक पैकेज मैनेजर का उपयोग करने के तरीके के बारे में विवरण में नहीं जा सकते हैं, हम अपने स्वयं के Sass कंपाइलर के साथ बूटस्ट्रैप का उपयोग करने के बारे में कुछ मार्गदर्शन दे सकते हैं ।
उन लोगों के लिए जो वितरण फ़ाइलों का उपयोग करना चाहते हैं, उन फ़ाइलों को कैसे शामिल करें और एक उदाहरण HTML पृष्ठ के लिए आरंभ करना पृष्ठ की समीक्षा करें। वहां से, आप जिस लेआउट, घटकों और व्यवहारों का उपयोग करना चाहते हैं, उसके लिए दस्तावेज़ देखें।
जैसे ही आप बूटस्ट्रैप से परिचित होते हैं, हमारे वैश्विक विकल्पों का उपयोग करने, हमारे रंग प्रणाली का उपयोग करने और बदलने, हम अपने घटकों का निर्माण कैसे करें, सीएसएस कस्टम गुणों की हमारी बढ़ती सूची का उपयोग कैसे करें, और कैसे बूटस्ट्रैप के साथ निर्माण करते समय अपने कोड को अनुकूलित करने के लिए।
सीएसपी और एम्बेडेड एसवीजी
कई बूटस्ट्रैप घटकों में हमारे सीएसएस में एम्बेडेड एसवीजी शामिल हैं जो ब्राउज़रों और उपकरणों में लगातार और आसानी से शैली घटकों के लिए हैं। अधिक सख्त सीएसपी कॉन्फ़िगरेशन वाले संगठनों के लिए , हमने अपने एम्बेडेड एसवीजी (जिनमें से सभी के माध्यम से लागू होते हैं background-image) के सभी उदाहरणों का दस्तावेजीकरण किया है ताकि आप अपने विकल्पों की अधिक अच्छी तरह से समीक्षा कर सकें।
- अ��ॉर्डियन
- बंद करें बटन (अलर्ट और मोडल में प्रयुक्त)
- प्रपत्र चेकबॉक्स और रेडियो बटन
- फॉर्म स्विच
- फॉर्म सत्यापन चिह्न
- मेनू का चयन करें
- हिंडोला नियंत्रण
- नेवबार टॉगल बटन
सामुदायिक बातचीत के आधार पर , आपके अपने कोडबेस में इसे संबोधित करने के कुछ विकल्पों में URL को स्थानीय रूप से होस्ट की गई संपत्तियों से बदलना, छवियों को हटाना और इनलाइन छवियों का उपयोग करना (सभी घटकों में संभव नहीं) और अपने CSP को संशोधित करना शामिल है। हमारी अनुशंसा है कि आप अपनी स्वयं की सुरक्षा नीतियों की सावधानीपूर्वक समीक्षा करें और यदि आवश्यक हो तो आगे के सर्वोत्तम मार्ग पर निर्णय लें।