"List Grid View"
Bootstrap 3.0.0 Snippet by xrozix

Post to Facebook Tweet this

<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="container"> <div class="well well-sm"> <strong>Category Title</strong> <div class="btn-group"> <a href="#" id="list" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-th-list"> </span>List</a> <a href="#" id="grid" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-th"></span>Grid</a> </div> </div> <div id="products" class="row list-group"> <div class="item col-xs-4 col-lg-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://fcs.com.tw/eng/data/goods/201102/1297943556iulbx0.jpg" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Injection Moulding Machine</h4> <p class="group inner list-group-item-text"> country of orgin : Taiwan<br>Brands : FCS,CH(SM)<br>Capacity : 60ton - 400ton<br>Shot Weight : 50g - 200g</p> <div class="row"> <div class="col-xs-12 col-md-6"> <p class="lead"> </p> </div> <div class="col-xs-12 col-md-6"> <a class="btn btn-success" href="http://www.jquery2dotnet.com">More Details</a> </div> </div> </div> </div> </div> <div class="item col-xs-4 col-lg-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://www.kingswel.com.cn/english/product/82pc.jpg" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Blow Moulding Machine</h4> <p class="group inner list-group-item-text"> country of orgin : Taiwan and China <br>Brands : KingsWel and OneTong<br>Capacity : 50ml bottle - 5000ml Can.</p> <div class="row"> <div class="col-xs-12 col-md-6"> <p class="lead"> </p> </div> <div class="col-xs-12 col-md-6"> <a class="btn btn-success" href="http://www.jquery2dotnet.com">More Details</a> </div> </div> </div> </div> </div> <div class="item col-xs-4 col-lg-4"> <div class="thumbnail"> <img class="group list-group-image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR9RtjZILkGsVmBWKlkrFNk8Q0Di3zxUOk2uw1zhpDARolI9JhZ" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Granulators / Crushers</h4> <p class="group inner list-group-item-text"> Capacity : 5hP - 20hP<br><br><br><br><br><br> </p> <div class="row"> <div class="col-xs-12 col-md-6"> <p class="lead"></p> </div> <div class="col-xs-12 col-md-6"> <a class="btn btn-success" href="http://www.jquery2dotnet.com">More Details</a> </div> </div> </div> </div> </div> <div class="item col-xs-4 col-lg-4"> <div class="thumbnail"> <img class="group list-group-image" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSf0_XPbEE8f0AF8j1tJoIXsRu27ZKV-hl7yn__ItR-W8_KsW84" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> Hopper Dryer</h4> <p class="group inner list-group-item-text"> Capacity : 25kg - 100kg</p> <div class="row"> <div class="col-xs-12 col-md-6"> <p class="lead"> </p> </div> <div class="col-xs-12 col-md-6"> <a class="btn btn-success" href="http://www.jquery2dotnet.com">More Details</a> </div> </div> </div> </div> </div> <div class="item col-xs-4 col-lg-4"> <div class="thumbnail"> <img class="group list-group-image" src="data:image/jpeg;base64,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" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> <br><br><br><br> Screws And Screw Barrels</h4> <p class="group inner list-group-item-text"> <br> </p> <div class="row"> <div class="col-xs-12 col-md-6"> <p class="lead"> </p> </div> <div class="col-xs-12 col-md-6"> <a class="btn btn-success" href="http://www.jquery2dotnet.com">More Details</a> </div> </div> </div> </div> </div> <div class="item col-xs-4 col-lg-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://www.aeratorsaquatics4lakesnponds.com/Images/Keeton-pads.jpg" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> <br><br> Level Pads</h4> <p class="group inner list-group-item-text"> </p> <div class="row"> <div class="col-xs-12 col-md-6"> <p class="lead"> <br><br> </p> </div> <div class="col-xs-12 col-md-6"> <a class="btn btn-success" href="http://www.jquery2dotnet.com">More Details</a> </div> </div> </div> </div> </div> <div class="item col-xs-4 col-lg-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://seagulltec.co.in/yahoo_site_admin/assets/images/3347729_orig.32205506_std.jpg" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> <br><br>PLC</h4> <p class="group inner list-group-item-text"> </p> <div class="row"> <div class="col-xs-12 col-md-6"> <p class="lead"> <br> </p> </div> <div class="col-xs-12 col-md-6"> <a class="btn btn-success" href="http://www.jquery2dotnet.com">More Details</a> </div> </div> </div> </div> </div> <div class="item col-xs-4 col-lg-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://www.millutensil.com/wp-content/uploads/2014/07/spray_lubrication_systems_millutensil_17.jpg" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> <br><br> Lubricant Tank</h4> <p class="group inner list-group-item-text"> </p> <div class="row"> <div class="col-xs-12 col-md-6"> <p class="lead"> <br><br><br> </p> </div> <div class="col-xs-12 col-md-6"> <a class="btn btn-success" href="http://www.jquery2dotnet.com">More Details</a> </div> </div> </div> </div> </div> <div class="item col-xs-4 col-lg-4"> <div class="thumbnail"> <img class="group list-group-image" src="http://img.frbiz.com/nimg/0a/53/de0aa9acf485a43b8492c17f1be1-0x0-0/custom_hydraulic_strong_style_color_b82220_pump_strong_serives.jpg" alt="" /> <div class="caption"> <h4 class="group inner list-group-item-heading"> <br><br> Hydrollic Pump</h4> <p class="group inner list-group-item-text"> Coolers , Propotional Valve , Directional Value </p> <div class="row"> <div class="col-xs-12 col-md-6"> <p class="lead"> <br><br></p> </div> <div class="col-xs-12 col-md-6"> <a class="btn btn-success" href="http://www.jquery2dotnet.com">More Details</a> </div> </div> </div> </div> </div> </div> </div>
.glyphicon { margin-right:5px; } .thumbnail { margin-bottom: 20px; padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .item.list-group-item { float: none; width: 100%; background-color: #fff; margin-bottom: 10px; } .item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover { background: #428bca; } .item.list-group-item .list-group-image { margin-right: 10px; } .item.list-group-item .thumbnail { margin-bottom: 0px; } .item.list-group-item .caption { padding: 9px 9px 0px 9px; } .item.list-group-item:nth-of-type(odd) { background: #eeeeee; } .item.list-group-item:before, .item.list-group-item:after { display: table; content: " "; } .item.list-group-item img { float: left; } .item.list-group-item:after { clear: both; } .list-group-item-text { margin: 0 0 11px; }
$(document).ready(function() { $('#list').click(function(event){event.preventDefault();$('#products .item').addClass('list-group-item');}); $('#grid').click(function(event){event.preventDefault();$('#products .item').removeClass('list-group-item');$('#products .item').addClass('grid-group-item');}); });

Questions / Comments: