/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

2 votes240 views1 answer
How to add bootstrap by downloading in react js
Javascript Bootstrap
0 vote256 views1 answer
Pagination in b table in bootstrap vue
Javascript Bootstrap
5 votes256 views2 answers
Remove bootstrap button outline
CSS Bootstrap
-1 vote251 views1 answer
Bootstrap prevent dropdown from closing on click
Javascript Bootstrap
222 votes599 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
12 votes280 views6 answers
Bootstrap modal
Javascript Bootstrap
6 votes265 views4 answers
Bootstrap not working in angular
Javascript Bootstrap
0 vote213 views1 answer
Bootstrap accessibility
CSS Bootstrap
0 vote274 views1 answer
Jquery autocomplete bootstrap modal
Javascript Bootstrap
0 vote244 views1 answer
Mdbootstrap react
Javascript Bootstrap