/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 vote203 views1 answer
How to pass js data in bootstrap modal body without using input tag
Javascript Bootstrap
12 votes175 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
0 vote195 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
0 vote173 views1 answer
Datatble tab bootstrap 4
Javascript Bootstrap
1 vote185 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
13 votes211 views4 answers
How to print background bootstrap
CSS Bootstrap
-1 vote166 views2 answers
Bootstrap 5 toast display
Javascript Bootstrap
0 vote209 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote179 views1 answer
Bootstrap off canvas not working
Javascript Bootstrap
3 votes185 views1 answer
React bootstrap card
Javascript Bootstrap