ଛାୟା

ବାକ୍ସ-ଛାୟା ଉପଯୋଗୀତା ସହିତ ଉପାଦାନଗୁଡ଼ିକରେ ଛାୟା ଯୋଡନ୍ତୁ କିମ୍ବା ଅପସାରଣ କରନ୍ତୁ |

ଉଦାହରଣଗୁଡିକ

ଯେତେବେଳେ ଉପାଦାନଗୁଡ଼ିକ ଉପରେ ଛାୟାଗୁଡ଼ିକ ବୁଟଷ୍ଟ୍ରାପରେ ଡିଫଲ୍ଟ ଭାବରେ ଅକ୍ଷମ ହୋଇଥାଏ ଏବଂ ଏହା ମାଧ୍ୟମରେ ସକ୍ଷମ ହୋଇପାରିବ , ତୁମେ ଆମର ଉପଯୋଗିତା ଶ୍ରେଣୀଗୁଡ଼ିକ $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>