/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

9 votes145 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
13 votes150 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
3 votes142 views1 answer
React bootstrap card
Javascript Bootstrap
-1 vote141 views2 answers
Bootstrap set active tab javascript
Javascript Bootstrap
0 vote154 views1 answer
Bootstrap not working in print
Javascript Bootstrap
14 votes166 views4 answers
Text align left bootstrap
CSS Bootstrap
0 vote158 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
1 vote166 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
18 votes141 views6 answers
Bootstrap5 cdn
Javascript Bootstrap
0 vote137 views1 answer
Bootstrap off canvas not working
Javascript Bootstrap