"mobile view cartlist"
Bootstrap 3.0.0 Snippet by devlopereswar

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="mob"> <div class="container"> <div class="row"> <div class="mob_cart_list"> <span class="del">X</span> <div class="col-sm-5 col-xs-5"> <img src="https://s-media-cache-ak0.pinimg.com/originals/2f/76/45/2f7645b41dd1518127d11a264cf4606b.jpg" class="img-responsive"/> </div> <div class="col-sm-7 col-xs-7"> <h4>Lorem impus prodyc </h4> <p>1200 <span>.Rs</span></p> <input type="number" value="1"/> </div> </div> </div> <div class="row"> <div class="mob_cart_list"> <span class="del">X</span> <div class="col-sm-5 col-xs-5"> <img src="https://s-media-cache-ak0.pinimg.com/originals/2f/76/45/2f7645b41dd1518127d11a264cf4606b.jpg" class="img-responsive"/> </div> <div class="col-sm-7 col-xs-7"> <h4>Lorem impus prodyc </h4> <p>1200 <span>.Rs</span></p> <input type="number" value="1"/> </div> </div> </div> <div class="row"> <div class="mob_cart_list"> <span class="del">X</span> <div class="col-sm-5 col-xs-5"> <img src="https://s-media-cache-ak0.pinimg.com/originals/2f/76/45/2f7645b41dd1518127d11a264cf4606b.jpg" class="img-responsive"/> </div> <div class="col-sm-7 col-xs-7"> <h4>Lorem impus prodyc </h4> <p>1200 <span>.Rs</span></p> <input type="number" value="1"/> </div> </div> </div> <div class="row"> <div class="mob_cart_list"> <span class="del">X</span> <div class="col-sm-5 col-xs-5"> <img src="https://s-media-cache-ak0.pinimg.com/originals/2f/76/45/2f7645b41dd1518127d11a264cf4606b.jpg" class="img-responsive"/> </div> <div class="col-sm-7 col-xs-7"> <h4>Lorem impus prodyc </h4> <p>1200 <span>.Rs</span></p> <input type="number" value="1"/> </div> </div> </div> <div class="row"> <div class="col-xs-6"> <button class="btn btn-pink">Checku out</button> </div> <div class="col-xs-6 text-right" style="vertical-align:middle;"> <b>Total :</b> 2100 </div> </div> </div> </div>
.mob {width:400px; margin:20px auto; padding:10px; box-shadow:0 0 3px #aaa;} .mob_cart_list{width:100%;position:relative; margin:10px 0px;float:left; box-shadow:0 0 3px #aaa; padding:0px;} .mob_cart_list .del{position:absolute; right:0px; top:-5px; color:#fff; background:#333; padding:2px 4px; font-size:10px; border-radius:2em;}

Related: See More


Questions / Comments: