/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 vote195 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
0 vote136 views5 answers
Boostrap css
CSS Bootstrap
0 vote209 views1 answer
React bootstrap font awesome icons
Javascript Bootstrap
6 votes191 views4 answers
Bootstrap not working in angular
Javascript Bootstrap
0 vote184 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript Bootstrap
2 votes201 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
1 vote204 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
1 vote190 views1 answer
Bootstrap card hover effect
CSS Bootstrap
1 vote193 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
0 vote191 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap