/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

2 votes328 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
0 vote321 views1 answer
Bootstrap accessibility
CSS Bootstrap
1 vote344 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap
34 votes322 views6 answers
Border bootstrap
Javascript Bootstrap
2 votes322 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote317 views1 answer
React bootstrap make col disapear in small screens
Javascript Bootstrap
0 vote331 views1 answer
React bootstrap col not working
Javascript Bootstrap
0 vote351 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
3 votes326 views1 answer
Jquery close bootstrap model
Javascript Bootstrap
4 votes319 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap