/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

1 vote230 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
16 votes230 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
0 vote222 views2 answers
Bootstrap 5 container
CSS Bootstrap
10 votes212 views4 answers
Bootstrap badges Links
CSS Bootstrap
105 votes261 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
-1 vote195 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
2 votes227 views2 answers
Bootstrap modal show on page load without jquery
Javascript Bootstrap
0 vote167 views0 answer
Bootstrapcss
CSS Bootstrap
3 votes230 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
0 vote218 views1 answer
Install bootstrap in nextjs
Javascript Bootstrap