/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 vote349 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
120 votes415 views3 answers
React import bootstrap css file
CSS Bootstrap
9 votes336 views3 answers
Bootstrap blue outline button
CSS Bootstrap
16 votes358 views2 answers
Toggle bootstrap modal with jquery
Javascript Bootstrap
0 vote354 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap
0 vote330 views1 answer
Bootstrap dropdown not working in angular 8
Javascript Bootstrap
2 votes351 views1 answer
Size carousel bootstrap 4
CSS Bootstrap
-1 vote348 views2 answers
Bootstrap set active tab javascript
Javascript Bootstrap
0 vote298 views1 answer
React bootstrap carousel caption
Javascript Bootstrap
2 votes375 views8 answers
Bootstrap 5
CSS Bootstrap