/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 vote168 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
1 vote159 views1 answer
Bootstrap multiselect change value
Javascript Bootstrap
0 vote153 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap
0 vote169 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
5 votes161 views2 answers
Remove bootstrap button outline
CSS Bootstrap
0 vote152 views1 answer
React-bootstrap problem-install new version
Javascript Bootstrap
111 votes243 views6 answers
Install bootstrap in react
Javascript Bootstrap
6 votes166 views4 answers
Angular bootstrap not working
Javascript Bootstrap
0 vote211 views1 answer
Bootstrap time picker 12 hour format
Javascript Bootstrap
15 votes158 views3 answers
Bootstrap 4 tooltip
Javascript Bootstrap