/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 vote189 views1 answer
Datatables bootstrap
Javascript Bootstrap
16 votes214 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
2 votes207 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
1 vote207 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
11 votes222 views3 answers
Bootstrap 4.6 npm
Javascript Bootstrap
34 votes196 views6 answers
Rounded bootstrap
Javascript Bootstrap
0 vote210 views2 answers
Datatable buttons bootstrap 4
Javascript Bootstrap
0 vote188 views1 answer
Mdbootstrap react
Javascript Bootstrap
0 vote207 views1 answer
Can we put check form inside a selection tag in bootstrap 4
Javascript Bootstrap
0 vote191 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap