/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 vote326 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
14 votes304 views2 answers
.col-12 bootstrap
CSS Bootstrap
35 votes293 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
2 votes273 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
13 votes279 views6 answers
Bootstrap Badges
CSS Bootstrap
0 vote359 views3 answers
Choose file bootstrap show filename
Javascript Bootstrap
-1 vote304 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
34 votes265 views6 answers
Rounded bootstrap
Javascript Bootstrap
0 vote260 views1 answer
Input area bootstrap highlight
CSS Bootstrap
0 vote262 views1 answer
Datatables bootstrap
Javascript Bootstrap