/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 vote344 views1 answer
Import button react-bootstrap
Javascript Bootstrap
0 vote447 views1 answer
React-bootstrap problem-import new version
Javascript Bootstrap
0 vote424 views2 answers
Datatable buttons bootstrap 4
Javascript Bootstrap
1 vote425 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
2 votes426 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
0 vote437 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap
0 vote409 views1 answer
Wp_enqueue_script bootstrap
Javascript Bootstrap
0 vote366 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript Bootstrap
0 vote408 views3 answers
Choose file bootstrap show filename
Javascript Bootstrap
2 votes441 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap