Bootstrap image size

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

Source: getbootstrap.com

Bootstrap img thumbnail

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

Source: getbootstrap.com

Bootstrap img class

.img-fluid
.img-thumbnail

Bootstrap image size

.food1 img {
    width:100%;
    height: 230px;
}

Source: stackoverflow.com

Bootstrap image size

.top1 {
    height:390px;
    background-color:#FFFFFF;
    margin-top:10px;
    overflow: hidden;
}

.top1 img {
    height:100%;
}

Source: stackoverflow.com

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.

Similar codes

61 votes299 views2 answers
Bootstrap flex direction column
CSS Bootstrap
43 votes209 views6 answers
Add bootstrap to angular
Javascript Bootstrap
145 votes367 views6 answers
Add bootstrap to react
Javascript Bootstrap
0 vote188 views1 answer
How to add bootstrap to vue js
Javascript Bootstrap
112 votes292 views6 answers
Import bootstrap 4 in react
Javascript Bootstrap
2 votes210 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote197 views1 answer
React js bootstrap select option required
Javascript Bootstrap
0 vote212 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
33 votes214 views6 answers
Angular add bootstrap
Javascript Bootstrap
25 votes216 views6 answers
How to install bootstrap in angular
Javascript Bootstrap