/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

3 votes323 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
111 votes379 views6 answers
Install bootstrap in react
Javascript Bootstrap
43 votes367 views6 answers
Add bootstrap to angular
Javascript Bootstrap
0 vote362 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript Bootstrap
0 vote339 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap
1 vote346 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript Bootstrap
0 vote310 views1 answer
How make calender in bootstrap
Javascript Bootstrap
1 vote362 views1 answer
Bootstrap card hover effect
CSS Bootstrap
0 vote351 views1 answer
Javascript plugin bootstrap
Javascript Bootstrap
0 vote292 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap