/CSS/Bootstrap/Background image for div in grid system bootstrap

Background image for div in grid system bootstrap

.img {
    margin-right: -15px; // Remove right gap
    margin-left: -15px;  // Remove left gap
    padding-bottom: 62.5%; // ratio is 16:10
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

Source: stackoverflow.com

Similar codes

0 vote508 views1 answer
Vendor bundle base js and bootstrap min js conflict
Javascript Bootstrap
-1 vote417 views2 answers
Bootstrap set active tab javascript
Javascript Bootstrap
0 vote430 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap
0 vote393 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote406 views1 answer
Toast notification angular bootstrap 8
Javascript Bootstrap
0 vote412 views1 answer
Bootstrap selectpicker get selected value
Javascript Bootstrap
0 vote427 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
9 votes417 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
1 vote386 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap
1 vote393 views1 answer
Bootstrap icons react
Javascript Bootstrap