/CSS/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

152 votes399 views6 answers
How to add bold in css
CSS
81 votes395 views3 answers
Css all uppercase to capitalize
CSS
12 votes372 views3 answers
Vertical and horizontal align center div
CSS
15 votes365 views3 answers
Drop shadow image css
CSS
1 vote352 views1 answer
Qwant
CSS
0 vote355 views1 answer
Center absolute suedo element
CSS
0 vote370 views1 answer
Selection Handler css
CSS
1 vote418 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
1 vote354 views1 answer
Add image to div in css
CSS
145 votes428 views6 answers
Add bootstrap to react
CSS