/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 vote247 views1 answer
Progress bar bootstrap border
CSS Bootstrap
44 votes352 views5 answers
Breakpoint bootstrap
CSS Bootstrap
120 votes354 views3 answers
React import bootstrap css file
CSS Bootstrap
0 vote214 views1 answer
Bootstrap carousel dynamic height jquery
Javascript Bootstrap
0 vote226 views1 answer
React bootstrap col not working
Javascript Bootstrap
33 votes237 views6 answers
Angular add bootstrap
Javascript Bootstrap
0 vote234 views1 answer
How to apply CodeMirror in Bootstrap Modal
Javascript Bootstrap
0 vote221 views1 answer
Angular-bootstrap-md angular 10
Javascript Bootstrap
13 votes244 views2 answers
Bootstrap Aligning images
CSS Bootstrap
145 votes359 views6 answers
Import bootstrap in react
CSS Bootstrap