/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

16 votes290 views2 answers
Toggle bootstrap modal with jquery
Javascript Bootstrap
3 votes288 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
2 votes289 views1 answer
How to add bootstrap by downloading in react js
Javascript Bootstrap
34 votes274 views6 answers
Border bootstrap
Javascript Bootstrap
13 votes272 views6 answers
Bootstrap Badges
CSS Bootstrap
0 vote307 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
127 votes314 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote262 views1 answer
Javascript test login password in bootstrap studio
Javascript Bootstrap
9 votes276 views3 answers
Bootstrap blue outline button
CSS Bootstrap
14 votes266 views6 answers
Bootstrap image size
CSS Bootstrap