/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

145 votes362 views6 answers
Add bootstrap to react
CSS Bootstrap
15 votes235 views3 answers
Bootstrap 4 tooltip
Javascript Bootstrap
0 vote236 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
0 vote230 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap
0 vote234 views1 answer
Horizontal cards react bootstrap
Javascript Bootstrap
0 vote353 views1 answer
Vendor bundle base js and bootstrap min js conflict
Javascript Bootstrap
92 votes408 views5 answers
Bootstrap primary color code
CSS Bootstrap
0 vote262 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
0 vote258 views1 answer
Bootstrap modal overflow
CSS Bootstrap
2 votes266 views2 answers
Bootstrap change color table striped
CSS Bootstrap