responsive image size bootstrap code example
Example 1: how to make image responsive bootstrap 4
<img src="..." class="img-fluid" alt="Responsive image">
Example 2: bootstrap profile picture
<img src="..." alt="..." class="img-thumbnail">
Example 3: how to stretch image in size using bootstrap
you have to set the width of image to 100%, for that you can use Bootstrap class "w-100". keep in mind that "container-fluid" and "col-12" class sets left and right padding to 15px and "row" class sets left and right margin to "-15px" by default. make sure to set them to 0.
Example 4: bootstrap image size
.food1 img {
width:100%;
height: 230px;
}
Example 5: bootstrap image size
.top1 {
height:390px;
background-color:#FFFFFF;
margin-top:10px;
overflow: hidden;
}
.top1 img {
height:100%;
}