/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

14 votes326 views6 answers
Bootstrap image size
CSS Bootstrap
0 vote335 views1 answer
Bootstrap jquery popper and js cdn
Javascript Bootstrap
0 vote332 views1 answer
Bootstrap carousel dynamic height jquery
Javascript Bootstrap
4 votes328 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap
25 votes366 views6 answers
How to install bootstrap in angular
Javascript Bootstrap
13 votes296 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
1 vote350 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
1 vote348 views1 answer
Bootstrap card hover effect
CSS Bootstrap
253 votes438 views10 answers
Bootstrap cdn
CSS Bootstrap
0 vote368 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap