/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 vote224 views1 answer
React js bootstrap select option required
Javascript Bootstrap
0 vote232 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap
35 votes264 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
5 votes183 views1 answer
Bootstrap darkmode
CSS Bootstrap
3 votes240 views1 answer
Brand icon in bootstrap5
Javascript Bootstrap
1 vote223 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote163 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
6 votes233 views4 answers
Bootstrap not working in angular
Javascript Bootstrap
61 votes363 views2 answers
Bootstrap flex direction column
CSS Bootstrap
13 votes239 views6 answers
Bootstrap Badges
CSS Bootstrap