/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

12 votes281 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
0 vote330 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
4 votes314 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap
1 vote336 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap
0 vote317 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
26 votes376 views10 answers
Bootstrap
Javascript Bootstrap
34 votes314 views6 answers
Rounded bootstrap
Javascript Bootstrap
0 vote314 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
19 votes264 views3 answers
Bootstrap media queries
CSS Bootstrap
0 vote365 views1 answer
Bootstrap put button on one line
CSS Bootstrap