/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 vote214 views1 answer
How to apply CodeMirror in Bootstrap Modal
Javascript Bootstrap
5 votes217 views2 answers
Remove bootstrap button outline
CSS Bootstrap
33 votes219 views3 answers
React native bootstrap
Javascript Bootstrap
33 votes204 views6 answers
Angular add bootstrap
Javascript Bootstrap
0 vote202 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
0 vote231 views1 answer
Bootstrap pop modal from another modal
Javascript Bootstrap
1 vote199 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
1 vote194 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap
44 votes215 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote213 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap