/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

6 votes244 views5 answers
Bootstrap icons
CSS Bootstrap
0 vote236 views1 answer
How make calender in bootstrap
Javascript Bootstrap
10 votes260 views4 answers
Bootstrap badges Links
CSS Bootstrap
8 votes273 views3 answers
Bootstrap file upload
CSS Bootstrap
0 vote265 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
1 vote259 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
133 votes302 views6 answers
Using bootstrap with react
Javascript Bootstrap
0 vote252 views1 answer
Form.select react bootstrap
Javascript Bootstrap
105 votes299 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
0 vote273 views2 answers
Laravel bootstrap 5 install popper.js error
Javascript Bootstrap