/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 vote398 views1 answer
Pagination in b table in bootstrap vue
Javascript Bootstrap
3 votes381 views9 answers
Bootstrap 5
Javascript Bootstrap
64 votes469 views4 answers
Bootstrap buttons
CSS Bootstrap
12 votes373 views6 answers
Bootstrap modal
Javascript Bootstrap
126 votes498 views5 answers
React Bootstrap css import
CSS Bootstrap
0 vote431 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
0 vote389 views1 answer
Bootstrap off canvas not working
Javascript Bootstrap
0 vote392 views1 answer
Bootstrap selectpicker get selected value
Javascript Bootstrap
35 votes422 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
0 vote410 views1 answer
Input area bootstrap highlight
CSS Bootstrap