/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

0 vote260 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap
0 vote244 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote266 views2 answers
Scrollspy bootstrap 5
Javascript Bootstrap
0 vote206 views1 answer
React bootstrap carousel caption
Javascript Bootstrap
0 vote267 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
16 votes253 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
0 vote257 views1 answer
Bootstrap accordion some change
CSS Bootstrap
0 vote253 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
2 votes269 views2 answers
Bootstrap change color table striped
CSS Bootstrap
0 vote253 views1 answer
Bootstrap 4 open tab when opening modal
Javascript Bootstrap