forum

home / developersection / forums / how to set the responsive image on container in bootstrap 5?

Ask Question
Steilla Mitchel

Student

I completed my post-graduation in 2013 in the engineering field. Engineering is the application of science and math to solve problems. Engineers figure out how things work and find practical uses for scientific discoveries. Scientists and inventors often get the credit for innovations that advance the human condition, but it is engineers who are instrumental in making those innovations available to the world. I love pet animals such as dogs, cats, etc.

Follow
Can you answer this question?
Answer

1 Answers

Manish Sharma

Manish Sharma

04-Jan-2022

Responsive Image on container in bootstrap 5

    You can set the default size of image on <div> container in your design page of your website page by using the following bootstrap code,

<div class='container-fluid'>

<img src='C:\Users\msclient008\Desktop\Link\pic.png' class='img-fluid' alt='feature-img'>

</div> 

How to set the responsive image on container in bootstrap 5?

the above image is set its default size on container and if you want to set the specific size of the image then bootstrap 5 provide class the set the size of image like as,

<div class='container-fluid'>

<img src='C:\Users\msclient008\Desktop\Link\pic.png' class='img-fluid h-100 w-100' alt='feature-img'>

</div> 

h-100 is use to set the 100% height of image and w-100 is used for 100% width of image

MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy