/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 vote186 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap
13 votes216 views2 answers
Bootstrap Aligning images
CSS Bootstrap
0 vote191 views1 answer
Bootstrap off canvas not working
Javascript Bootstrap
12 votes188 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
15 votes191 views3 answers
Bootstrap 4 tooltip
Javascript Bootstrap
0 vote205 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
12 votes190 views6 answers
Bootstrap modal
Javascript Bootstrap
0 vote203 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
3 votes202 views1 answer
Brand icon in bootstrap5
Javascript Bootstrap
2 votes209 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap