Bootstrap 5 Images Responsive images
Bootstrap 5 Responsive images are used to resize the images according to their parent element and screen sizes. It means, the size of the image should not overflow its parent element and will grow and shrink according to the change in the size of its parent without losing its aspect ratio.
Responsive images used Class:
- .img-fluid: This class is used to create the responsive image in respect of its parent element.
<img src="..." class="img-fluid" alt="...">
Example 1: In this example, we will use .img-fluid class to create the responsive image.
Example 2: In this example, we will use .img-fluid and .rounded-circle classes to create a responsive circular image.
My Personal Notes arrow_drop_up
Please Login to comment...