/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

3 votes248 views1 answer
Brand icon in bootstrap5
Javascript Bootstrap
6 votes262 views3 answers
.row bootstrap
CSS Bootstrap
0 vote217 views1 answer
Bootstrap dropdown not working in angular 8
Javascript Bootstrap
0 vote241 views1 answer
Filter bootstrap
Javascript Bootstrap
0 vote330 views3 answers
Choose file bootstrap show filename
Javascript Bootstrap
12 votes262 views6 answers
Bootstrap modal
Javascript Bootstrap
1 vote237 views1 answer
Bootstrap multiselect change value
Javascript Bootstrap
0 vote245 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap
0 vote236 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
0 vote236 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap