/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 vote193 views1 answer
How to add bootstrap to vue js
Javascript Bootstrap
0 vote190 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
3 votes200 views1 answer
Bootstrap 3 offset
CSS Bootstrap
12 votes200 views6 answers
Bootstrap modal
Javascript Bootstrap
6 votes217 views5 answers
Bootstrap icons
CSS Bootstrap
0 vote245 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript Bootstrap
0 vote217 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript Bootstrap
2 votes223 views8 answers
Bootstrap 5
CSS Bootstrap
0 vote217 views1 answer
Jquery autocomplete bootstrap modal
Javascript Bootstrap
0 vote193 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap