/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

1 vote241 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote245 views1 answer
Bootstrap popover style width
CSS Bootstrap
1 vote265 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
0 vote249 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
105 votes270 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
0 vote248 views1 answer
Sticky footer bootstrap 3
CSS Bootstrap
0 vote226 views1 answer
Bootstrap 4 form validator with jquery
Javascript Bootstrap
0 vote232 views1 answer
Datatble tab bootstrap 4
Javascript Bootstrap
0 vote256 views1 answer
React bootstrap button
Javascript Bootstrap
0 vote242 views1 answer
How to apply CodeMirror in Bootstrap Modal
Javascript Bootstrap