/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
Bootstrap table using javascript
Javascript Bootstrap
0 vote163 views1 answer
Form.select react bootstrap
Javascript Bootstrap
126 votes269 views5 answers
React Bootstrap css import
CSS Bootstrap
2 votes183 views2 answers
Bootstrap icons in angular
CSS Bootstrap
0 vote168 views1 answer
Bootstrap modal overflow
CSS Bootstrap
25 votes193 views6 answers
How to install bootstrap in angular
Javascript Bootstrap
-2 votes172 views1 answer
How to show bootstrap 5 modal using jquery
Javascript Bootstrap
1 vote182 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
105 votes260 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
0 vote183 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap