/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

2 votes185 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
0 vote190 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript Bootstrap
0 vote179 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap
3 votes177 views1 answer
Jquery close bootstrap model
Javascript Bootstrap
5 votes119 views1 answer
Bootstrap darkmode
CSS Bootstrap
2 votes167 views1 answer
Size carousel bootstrap 4
CSS Bootstrap
0 vote176 views1 answer
Pagination in b table in bootstrap vue
Javascript Bootstrap
0 vote169 views1 answer
Sorting disable in datatable bootstrap
Javascript Bootstrap
0 vote179 views1 answer
Reactbootstrap multiselect
Javascript Bootstrap
0 vote197 views1 answer
Notification bell icon bootstrap react
Javascript Bootstrap