1.

What Is Bootstrap 4 Responsive Images?

Answer»

Responsive images automatically adjust to fit the size of the screen. Bootstrap is made responsive with .img-fluid class to the tag. The .img-fluid class applies max-width: 100%; and HEIGHT: AUTO; are applied to the image so that it SCALES with the PARENT element.

<img src="image.jpg" class="img-fluid" alt="responsive Image">

Responsive images automatically adjust to fit the size of the screen. Bootstrap is made responsive with .img-fluid class to the tag. The .img-fluid class applies max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

<img src="image.jpg" class="img-fluid" alt="responsive Image">



Discussion

No Comment Found