/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 vote196 views1 answer
Bootstrap dropdown not working in angular 8
Javascript Bootstrap
2 votes192 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
1 vote204 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
0 vote192 views1 answer
Form.Control textarea react bootstrap
Javascript Bootstrap
19 votes144 views3 answers
Bootstrap media queries
CSS Bootstrap
0 vote220 views1 answer
Ratio bootstrap
CSS Bootstrap
1 vote187 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
44 votes208 views5 answers
Breakpoint bootstrap
CSS Bootstrap
5 votes182 views2 answers
Close bootstrap modal with javascript
Javascript Bootstrap
0 vote205 views1 answer
Bootstrap accordion some change
CSS Bootstrap