अनुकूलन गर्नुहोस्
Sass को साथ बुटस्ट्र्याप, विश्वव्यापी विकल्पहरूको एक डुङ्गा लोड, एक विस्तृत रंग प्रणाली, र थप कुराहरू कसरी विषयवस्तु, अनुकूलन, र विस्तार गर्ने सिक्नुहोस्।
अवलोकन
बुटस्ट्र्याप अनुकूलन गर्न धेरै तरिकाहरू छन्। तपाईंको उत्तम मार्ग तपाईंको परियोजना, तपाईंको निर्माण उपकरणहरूको जटिलता, तपाईंले प्रयोग गरिरहनुभएको बुटस्ट्र्यापको संस्करण, ब्राउजर समर्थन, र थप कुराहरूमा निर्भर हुन सक्छ।
हाम्रा दुई मनपर्ने विधिहरू हुन्:
- प्याकेज प्रबन्धक मार्फत बुटस्ट्र्याप प्रयोग गर्दै ताकि तपाइँ हाम्रो स्रोत फाइलहरू प्रयोग गर्न र विस्तार गर्न सक्नुहुन्छ।
- बुटस्ट्र्यापको कम्पाइल गरिएको वितरण फाइलहरू वा jsDelivr प्रयोग गर्दै ताकि तपाईं बुटस्ट्र्यापको शैलीहरू थप्न वा ओभरराइड गर्न सक्नुहुन्छ।
जहाँ हामी प्रत्येक प्याकेज प्रबन्धक कसरी प्रयोग गर्ने भन्ने बारे यहाँ विवरणहरूमा जान सक्दैनौं, हामी तपाईंको आफ्नै Sass कम्पाइलरसँग बुटस्ट्र्याप प्रयोग गर्ने बारे केही मार्गदर्शन दिन सक्छौं ।
वितरण फाइलहरू प्रयोग गर्न चाहनेहरूका लागि, ती फाइलहरू र उदाहरण HTML पृष्ठ कसरी समावेश गर्ने भनेर सुरु गर्ने पृष्ठको समीक्षा गर्नुहोस्। त्यहाँबाट, लेआउट, कम्पोनेन्टहरू र तपाईंले प्रयोग गर्न चाहनुभएको व्यवहारका लागि कागजातहरू परामर्श गर्नुहोस्।
बुटस्ट्र्यापसँग परिचित हुँदा, हाम्रो विश्वव्यापी विकल्पहरू कसरी प्रयोग गर्ने, हाम्रो रङ प्रणालीको प्रयोग र परिवर्तन गर्ने, हामीले हाम्रा कम्पोनेन्टहरू कसरी निर्माण गर्छौं, CSS अनुकूलन गुणहरूको बढ्दो सूची कसरी प्रयोग गर्ने, र कसरी गर्ने भन्ने बारे थप विवरणहरूको लागि यो खण्ड अन्वेषण जारी राख्नुहोस्। बुटस्ट्र्यापको साथ निर्माण गर्दा तपाईंको कोड अप्टिमाइज गर्न।
CSP र एम्बेडेड SVG हरू
धेरै बुटस्ट्र्याप कम्पोनेन्टहरूले हाम्रो CSS मा एम्बेडेड SVG हरू ब्राउजरहरू र उपकरणहरूमा लगातार र सजिलैसँग शैली घटकहरू समावेश गर्दछ। थप कडा CSP कन्फिगरेसन भएका संस्थाहरूका लागि , हामीले हाम्रा इम्बेडेड SVG हरू (सबै मार्फत लागू गरिएका छन् background-image) को सबै उदाहरणहरू दस्तावेज गरेका छौं ताकि तपाईं आफ्ना विकल्पहरू अझ राम्ररी समीक्षा गर्न सक्नुहुन्छ।
- एकॉर्डियन
- बन्द बटन (अलर्ट र मोडलहरूमा प्रयोग गरिएको)
- फारम चेकबक्सहरू र रेडियो बटनहरू
- फारम स्विचहरू
- फारम प्रमाणीकरण आइकनहरू
- मेनू चयन गर्नुहोस्
- क्यारोसेल नियन्त्रणहरू
- Navbar टगल बटनहरू
Based on community conversation, some options for addressing this in your own codebase include replacing the URLs with locally hosted assets, removing the images and using inline images (not possible in all components), and modifying your CSP. Our recommendation is to carefully review your own security policies and decide on the best path forward, if necessary.