நிழல்கள்

பெட்டி-நிழல் பயன்பாடுகள் கொண்ட உறுப்புகளில் நிழல்களைச் சேர்க்கவும் அல்லது அகற்றவும்.

எடுத்துக்காட்டுகள்

பூட்ஸ்டார்ப்பில் கூறுகளின் நிழல்கள் இயல்பாகவே முடக்கப்பட்டிருக்கும் போது மற்றும் வழியாக இயக்கப்படும் போது , ​​நீங்கள் எங்கள் பயன்பாட்டு வகுப்புகளுடன் $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>