bootstrap image size

1<img src="..." class="img-responsive">

1<div class="w-25 p-3" style="background-color: #eee;">Width 25%</div>
2<div class="w-50 p-3" style="background-color: #eee;">Width 50%</div>
3<div class="w-75 p-3" style="background-color: #eee;">Width 75%</div>
4<div class="w-100 p-3" style="background-color: #eee;">Width 100%</div>

1<img src="..." alt="..." class="img-thumbnail">

1you 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.

1.food1 img {
2    width:100%;
3    height: 230px;
4}

1.top1 {
2    height:390px;
3    background-color:#FFFFFF;
4    margin-top:10px;
5    overflow: hidden;
6}
7
8.top1 img {
9    height:100%;
10}