/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

0 vote259 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript Bootstrap
0 vote251 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
0 vote212 views1 answer
Horizontal cards react bootstrap
Javascript Bootstrap
1 vote216 views1 answer
Bootstrap modal title center
Javascript Bootstrap
3 votes211 views1 answer
Jquery close bootstrap model
Javascript Bootstrap
0 vote204 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap
0 vote214 views1 answer
Showing bootstrap modal after a delay
Javascript Bootstrap
3 votes220 views1 answer
React bootstrap card
Javascript Bootstrap
-2 votes202 views2 answers
How will it look when there is a container inside a a row bootstrap
Javascript Bootstrap
0 vote207 views1 answer
Sorting disable in datatable bootstrap
Javascript Bootstrap