0
我有一个引导列如下(每行4列和许多行同样),我需要根据标签(一般,电影,戏剧等...)过滤列,东西像这样http://codepen.io/bmodena/pen/Fybdu。我需要一个JavaScript来做到这一点。我可以根据需要更改HTML代码。我对JS很初学。 请帮忙Bootstrap使用Javascript的列过滤器
<div class="col-sm-8" style="padding-left:0px;">
<div class="panel panel-primary">
<div class="panel-heading">
<h1 class="panel-title" style="font-size:20px;">Things</h1>
</div><br>
<div class="panel-body">
<div class="row" style="padding:10px;">
<div class="col-xs-5 col-sm-3 col-md-3">
<img src="/media/item1.jpg" class="img-responsive" alt="Image">
<a href="/items1"><br><p><b>Item1</b></a>
<br><span class="label label-success">Gereral</span>
</p>
</div>
<div class="col-xs-5 col-sm-3 col-md-3">
<img src="/media/item2.jpg" class="img-responsive" alt="Image">
<a href="/items2"><br><p><b>item2</b></a>
<br><span class="label label-success">Movie</span>
</p>
</div>
<div class="col-xs-5 col-sm-3 col-md-3">
<img src="/media/item3.jpg" class="img-responsive" alt="Image">
<a href="/items3"><br><p><b>items3</b></a>
<br><span class="label label-success">Gereral</span>
</p>
</div>
<div class="col-xs-5 col-sm-3 col-md-3">
<img src="/media/item4.jpg" class="img-responsive" alt="Image">
<a href="/items4"><br><p><b>items4</b></a>
<br><span class="label label-success">Drama</span>
</p>
</div>
</div><br>
<div class="row">
<div class="col-xs-5 col-sm-3 col-md-3">
<img src="/media/item5.jpg" class="img-responsive" alt="Image">
<a href="/items"><br><p><b>items5</b></a>
<br><span class="label label-success">NEWS</span>
</p>
</div>
</div>
</div>
</div>
根本真棒人 – user3369417