Bootstrap box shadow example; In this article, I will tell you how to add a bootstrap box shadow with different variations and different shadow examples.
Bootstrap box shadow is very simple to use and very attractive frontend design, and gives your site a premium look.
To add the box shadow in bootstrap we just need to add the shadow class which is provided by Bootstrap. Here below I have given four simple examples.
While default shadows on your box components are disabled in bootstrap, you can quickly add or remove shadows with their box shadow utility class.
<div class="shadow-none p-3 mb-4 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-4 bg-body rounded">Small shadow</div>
<div class="shadow p-3 mb-4 bg-body rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-4 bg-body rounded">Larger shadow</div>
We always thanks to you for reading our blogs.
Dharmesh Chauhan(Swapinfoway Founder)