/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

0 vote170 views1 answer
Jquery woocommerce disable add to cart css
CSS
2 votes164 views1 answer
Change font size in textarea html
CSS
0 vote268 views1 answer
Apply css on last child in parent div
CSS
0 vote122 views1 answer
Hide calendar icon
CSS
4 votes172 views3 answers
Mobile tablet desktop media queries
CSS
1 vote208 views1 answer
Vue import css scoped
CSS
1 vote151 views3 answers
Space between items in css
CSS
0 vote160 views2 answers
How to zoom picture on hover using css
CSS
8 votes144 views2 answers
How to rotate picture to the right in css
CSS
31 votes178 views3 answers
How to change the width of a background image in css
CSS