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

0 vote320 views1 answer
How to remove default padding of div
CSS
104 votes309 views6 answers
Media screen
CSS
32 votes345 views5 answers
Css opacity
CSS
0 vote266 views1 answer
Position absolute above everything
CSS
0 vote279 views1 answer
Elemento SPAN
CSS
0 vote296 views2 answers
Print to pdf setting css for A4 size
CSS
33 votes293 views6 answers
Custom Cursor css
CSS
36 votes292 views6 answers
How to insert gradient in css
CSS
0 vote279 views2 answers
False
CSS
0 vote282 views1 answer
Hide featured image in wordpress
CSS