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 vote339 views2 answers
Text-align: left; width: 100%;
CSS
1 vote344 views1 answer
Scroll bar on border radius element css
CSS
0 vote331 views1 answer
Alternate color on two consecutive rows
CSS
0 vote337 views1 answer
Sass dummy folder site download
CSS
0 vote321 views1 answer
à quoi sert clearfix
CSS
12 votes395 views2 answers
Css table alternating row color
CSS
14 votes332 views5 answers
Make background image full width
CSS
99 votes373 views3 answers
Position property css
CSS
1 vote333 views1 answer
Backgrond image shopify css
CSS
0 vote326 views1 answer
Sub menu disappears on hover css
CSS