/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

3 votes257 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
255 votes822 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap
0 vote285 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote335 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
92 votes425 views5 answers
Bootstrap primary color code
CSS Bootstrap
1 vote310 views1 answer
Bootstrap card hover effect
CSS Bootstrap
0 vote367 views1 answer
Vendor bundle base js and bootstrap min js conflict
Javascript Bootstrap
2 votes263 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
18 votes260 views6 answers
Bootstrap5 cdn
Javascript Bootstrap
61 votes400 views2 answers
Bootstrap flex direction column
CSS Bootstrap