/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

1 vote264 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
0 vote259 views1 answer
Wp_enqueue_script bootstrap
Javascript Bootstrap
145 votes262 views6 answers
Add bootstrap to react
CSS Bootstrap
2 votes258 views2 answers
Bootstrap modal show on page load without jquery
Javascript Bootstrap
112 votes295 views6 answers
Import bootstrap 4 in react
Javascript Bootstrap
2 votes244 views1 answer
Large input box bootstrap 4
CSS Bootstrap
2 votes260 views1 answer
How to add bootstrap by downloading in react js
Javascript Bootstrap
0 vote255 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
0 vote293 views1 answer
Bootstrap put button on one line
CSS Bootstrap
15 votes276 views8 answers
React bootstrap
Javascript Bootstrap