/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

127 votes454 views4 answers
React import bootstrap css
CSS Bootstrap
3 votes394 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
0 vote383 views1 answer
Horizontal cards react bootstrap
Javascript Bootstrap
1 vote360 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap
0 vote309 views1 answer
Import button react-bootstrap
Javascript Bootstrap
0 vote381 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
1 vote372 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
6 votes402 views4 answers
Angular bootstrap not working
Javascript Bootstrap
3 votes395 views1 answer
React bootstrap card
Javascript Bootstrap
4 votes338 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap