/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 vote257 views1 answer
My drop down link won't work with bootstrap angular
Javascript Bootstrap
1 vote202 views1 answer
Bootstrap col no gaps
CSS Bootstrap
0 vote227 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript Bootstrap
2 votes200 views1 answer
Bootstrap show modal on page load
Javascript Bootstrap
3 votes218 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote196 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
1 vote224 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap
255 votes649 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap
9 votes223 views3 answers
Bootstrap list
CSS Bootstrap
0 vote226 views1 answer
Bootstrap ol
CSS Bootstrap