Hello Dear Readers, Today In this Post, You will learn Bootstrap 5 Tutorial In Hindi #35 | Bootstrap 5 Border & Shadow Class. Earlier I have shared the Responsive ECommerce Website Using Bootstrap 5 (Part-2). and now it’s time to Bootstrap 5 Border & Shadow Class
In this tutorial, You will learn full Bootstrap 5. If you want to go deep into the tutorial so you can watch the full video which is below Hope it will help you all thank you for visiting.
In this tutorial, you will learn Bootstrap Tutorial In Hindi, Bootstrap 5 Border & Shadow Class. Here You can learn what is a bootstrap framework, what are the advantages of the bootstrap tutorial in Hindi. Make sure to Subscribe, Share the video, and Like it, for more tutorials in Hindi like this one!
Borders
Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
Border
Use border utilities to add or remove an element’s borders. Choose from all borders or one at a time.
Border color
Change the border color using utilities built on our theme colors.
Border-radius
Add classes to an element to easily round its corners.
Shadows
Add or remove shadows to elements with box-shadow utilities.
Examples
While shadows on components are disabled by default in Bootstrap and can be enabled via $enable-shadows, you can also quickly add or remove a shadow with our box-shadow utility classes. Includes support for .shadow-none and three default sizes (which have associated variables to match).
The shadows are used to draw attention to certain elements by giving them a unique look. The added shadows to the elements with good opacity make the website look more realistic. Bootstrap 5 provides box-shadow utilities to add shadows to the element. The shadows on components are disabled by default.
Adding shadows to the elements using box-utility class
The .shadow class is used to add shadow to the elements. The shadows can also be removed using the .shadow-none class.
Adding Size to the shadows
There are other two classes used to add shadows with variable sizes to the elements. The .shadow-lg class is used to add large shadows to the element whereas the .shadow-sm class is used to add small shadows to the element.
