/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 vote401 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
2 votes420 views1 answer
Bootstrap show modal on page load
Javascript Bootstrap
0 vote412 views1 answer
Bootstrap accordion some change
CSS Bootstrap
0 vote425 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
9 votes380 views3 answers
Bootstrap badge color
CSS Bootstrap
4 votes371 views2 answers
Bootstrap icons sdn
CSS Bootstrap
2 votes399 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote427 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
0 vote426 views2 answers
How to assign bootstrapswitch using jquery
Javascript Bootstrap
145 votes467 views6 answers
Import bootstrap in react
CSS Bootstrap