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>