"mobile view cartlist"
Bootstrap 3.0.0 Snippet by devlopereswar

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
.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;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: