/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 votes267 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
0 vote261 views1 answer
Form.select react bootstrap
Javascript Bootstrap
2 votes248 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript Bootstrap
11 votes275 views3 answers
Bootstrap 4.6 npm
Javascript Bootstrap
0 vote304 views1 answer
Bootstrap selectpicker get selected value
Javascript Bootstrap
0 vote241 views1 answer
How to add bootstrap to vue js
Javascript Bootstrap
2 votes257 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote364 views1 answer
Vendor bundle base js and bootstrap min js conflict
Javascript Bootstrap
34 votes232 views6 answers
Border bootstrap
Javascript Bootstrap
4 votes310 views2 answers
Bootstrap icons sdn
CSS Bootstrap