Source

छायाँ

बक्स-छाया उपयोगिताहरूसँग तत्वहरूमा छायाहरू थप्नुहोस् वा हटाउनुहोस्।

उदाहरणहरू

जबकि कम्पोनेन्टहरूमा छायाहरू पूर्वनिर्धारित रूपमा बुटस्ट्र्यापमा असक्षम हुन्छन् र मार्फत सक्षम गर्न सकिन्छ , तपाईंले हाम्रो उपयोगिता वर्गहरूसँग $enable-shadowsद्रुत रूपमा छाया थप्न वा हटाउन पनि सक्नुहुन्छ । box-shadowसमर्थन .shadow-noneर तीन पूर्वनिर्धारित आकारहरू समावेश गर्दछ (जुनसँग मेल खाने चरहरू छन्)।

छाया छैन
सानो छाया
नियमित छाया
ठूलो छाया
<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>