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

98 votes430 views2 answers
Add bootstrap to react,.........,,,,
Javascript Bootstrap
1 vote366 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
0 vote369 views1 answer
Input area bootstrap highlight
CSS Bootstrap
0 vote369 views1 answer
React-bootstrap problem-import new version
Javascript Bootstrap
43 votes378 views6 answers
Add bootstrap to angular
Javascript Bootstrap
0 vote375 views1 answer
React bootstrap profile card
Javascript Bootstrap
1 vote369 views1 answer
Bootstrap card hover effect
CSS Bootstrap
45 votes409 views6 answers
Adding bootstrap to angular
Javascript Bootstrap
33 votes370 views3 answers
React native bootstrap
Javascript Bootstrap
26 votes406 views10 answers
Bootstrap
Javascript Bootstrap