/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

255 votes582 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap
0 vote381 views1 answer
How to pass js data in bootstrap modal body without using input tag
Javascript Bootstrap
-1 vote411 views2 answers
Bootstrap 5 toast display
Javascript Bootstrap
1 vote402 views1 answer
Bootstrap js link not working
Javascript Bootstrap
0 vote378 views1 answer
Bootstrap 4 form validator with jquery
Javascript Bootstrap
0 vote384 views1 answer
Bootstrap off canvas not working
Javascript Bootstrap
0 vote387 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
0 vote421 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap
0 vote374 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript Bootstrap
0 vote390 views1 answer
Bootstrap ol
CSS Bootstrap