/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 vote161 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote158 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
32 votes154 views6 answers
Alert bootstrap
CSS Bootstrap
5 votes148 views4 answers
Hide bootstrap modal jquery
Javascript Bootstrap
0 vote161 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
0 vote168 views1 answer
Bootstrap pop modal from another modal
Javascript Bootstrap
0 vote154 views1 answer
How to apply CodeMirror in Bootstrap Modal
Javascript Bootstrap
0 vote148 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript Bootstrap
0 vote168 views2 answers
Make all images same size bootstrap
CSS Bootstrap
6 votes155 views4 answers
Angular bootstrap not working
Javascript Bootstrap