<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<span class="navbar-brand">Bootstrap Table Panel</span>
</div>
<p class="navbar-text">With pagination, checkbox column, toggle-filtering and add/edit/delete row
placeholders.</p>
</div>
</nav>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-default panel-table">
<div class="panel-heading">
<div class="row">
<div class="col col-xs-6">
<h3 class="panel-title">Panel title</h3>
</div>
<div class="col col-xs-6 text-right">
<div class="pull-right">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-success btn-filter active" data-target="completed">
<input type="radio" name="options" id="option1" autocomplete="off" checked>
Completed
</label>
<label class="btn btn-warning btn-filter" data-target="pending">
<input type="radio" name="options" id="option2" autocomplete="off"> Pending
</label>
<label class="btn btn-default btn-filter" data-target="all">
<input type="radio" name="options" id="option3" autocomplete="off"> All