<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <h5>Filter box</h5> </div> </div> </div> </div> </div> <div class="col-md-9"> <div class="row mb-4"> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <h5>Filter box</h5> </div> </div> </div> </div> </div> <div class="col-md-9"> <div class="card"> <div class="card-body"> <div class="row mb-4"> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-img-top"><img src="https://imgd.aeplcdn.com/310X174/cw/ucp/stockApiImg/CWYL16K_1356068_1_10714609.jpeg"></div> <div class="card-body"> <h6 class="text-danger">Renault Kwid KUV 600</h6> <h5>Rs. 6.70 Lac</h5> <ul class="list-inline list-unstyled"> <li class="list-inline-item">Diesel</li> <li class="list-inline-item">|</li> <li class="list-inline-item">24000 Kms</li> <li class="list-inline-item">|</li> <li class="list-inline-item">1st</li> </ul> </div> <div class="card-footer"> <a href="#">Click here</a> </div> </div> </div> </div> </div> </div> </div> </div> </div>

img {width:100%;}