/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 vote134 views1 answer
Bootstrap aria-hidden
Javascript Bootstrap
14 votes148 views6 answers
Bootstrap image size
CSS Bootstrap
2 votes138 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote126 views1 answer
React js bootstrap select option required
Javascript Bootstrap
0 vote88 views1 answer
React bootstrap carousel caption
Javascript Bootstrap
32 votes137 views6 answers
Alert bootstrap
CSS Bootstrap
44 votes160 views5 answers
Breakpoint bootstrap
CSS Bootstrap
-2 votes132 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript Bootstrap
6 votes140 views4 answers
Bootstrap not working in angular
Javascript Bootstrap
1 vote144 views1 answer
Bootstrap multiselect change value
Javascript Bootstrap