<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-2">
<div class="form-group">
<select class="form-control" id="sel1">
<option>Active</option>
<option>Active</option>
<option>Disabled</option>
<option>Deleted</option>
<option>Deleted permanently</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="btn-group btn-group-justified">
<a href="#" class="btn btn-default">PDF</a>
<a href="#" class="btn btn-default">Excel</a>
<a href="#" class="btn btn-default">Print</a>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">From</span>
<input id="email" type="text" class="form-control" name="email" placeholder="2018-01-01">
<span class="input-group-addon">To</span>
<input id="email" type="text" class="form-control" name="email" placeholder="2019-01-01">
<div class="input-group-btn">
<button class="btn btn-default" type="submit">
<i class="glyphicon glyphicon-search"></i>
