<div class="row">
<!-- .col-md-12 -->
<div class="col-md-12">
<!-- filter_area -->
<div class="filter_area">
<ul id="sorting_control">
<li class="active" data-uk-filter="">All works</li>
<li data-uk-filter="htmlcssjquery">HTML + CSS + Jquery</li>
<li data-uk-filter="angular">ANGULAR</li>
<li data-uk-filter="javascript">JavaScript</li>
<li data-uk-filter="sassgulp">Sass + Gulp</li>
<li data-uk-filter="php">Php</li>
<li data-uk-filter="php">Bootstrap</li>
</ul>
</div>
</div><!-- .col-md-12 -->
</div><!-- .row -->
<!-- row -->
<div class="row" data-uk-grid="{controls: '#sorting_control'}">
<!-- single_item -->
<div class="col-md-4 col-xs-12 col-sm-6 md-half-width" data-uk-filter="htmlcssjquery">
<div class="single_portfolio_item">
<figure>
<div class="portfolio_img">
<img src="img/f.png" alt="Portfolio" height="600px">
</div>
<figcaption>
<p>Web development project</p>
<div class="classless">
<div class="icon"><a href="single_portfolio.html"><span class="fa fa-link"></span></a></div>
<a class="icon venobox" href="img/f.png"><span class="fa fa-search"></span></a>
</div>
</figcaption>
</figure>
</div>
</div><!-- end single_item -->
При клике на html+css+jquery отображается так как нужно, но как сделать чтобы отображалось и в html+css+jquery и в bootstrap?