/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 vote369 views1 answer
Wp_enqueue_script bootstrap
Javascript Bootstrap
32 votes353 views6 answers
Alert bootstrap
CSS Bootstrap
1 vote338 views1 answer
Bootstrap disable button after click
Javascript Bootstrap
3 votes394 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote388 views1 answer
Bootstrap not working in print
Javascript Bootstrap
0 vote388 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
42 votes384 views5 answers
Npm bootstrap
CSS Bootstrap
5 votes361 views2 answers
Remove bootstrap button outline
CSS Bootstrap
4 votes362 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap
0 vote349 views1 answer
Dynamically fill bootstrap card
Javascript Bootstrap