Bootstrap 3 Template
This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<ul class="nav navbar-nav" style="width:100%" />
<li class="dropdown dropdown-lg open" style="width:100%">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><i class="fa fa-th-large fa-fw"></i>Selected Filters<b class="caret"></b></a>
<div class="dropdown-menu dropdown-menu-lg" style="width:100%">
<div class="row">
<div class="col-md-4 col-sm-4">
<h4 class="dropdown-header">Features<span class="label label-inverse ng-binding">1</span></h4>
<div class="col-md-6 col-xs-6">
<ul class="nav">
<!-- ngRepeat: feature in featuresSelected | orderBy:'attributename' --><li ng-repeat="feature in featuresSelected | orderBy:'attributename'" ng-click="uncheckFeature(feature)" class="ng-scope"><a href="javascript:;" class="text-ellipsis ng-binding"><i class="fa fa-times text-inverse"></i> Customer</a></li><!-- end ngRepeat: feature in featuresSelected | orderBy:'attributename' -->
</ul>
</div>
</div>
<div class="col-md-4 col-sm-4">
<h4 class="dropdown-header">Categories<span class="label label-inverse ng-binding">2</span></h4>
<ul class="nav">
<!-- ngRepeat: category in categoriesSelected | orderBy:'filterattributevalue' --><li...
CSS
/* Latest compiled and minified CSS included as External Resource*/
/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
margin: 10px;
}
JavaScript
/* Latest compiled and minified JavaScript included as External Resource */