<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>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<div class="container">
<div class="row">
<table border="0" cellpadding="0" cellspacing="0" class="table table-bordered table-striped month">
<tr>
<th colspan="7" class="month-head month">
<div class="container-fluid">
<div class="col-xs-3"><span class="pull-left"><i class="fa fa-arrow-left" aria-hidden="true"></i></span>
</div>
<div class="col-xs-6 text-center" style="margin:0 auto;"> April 2017 </div>
<div class="col-xs-3"><span class="pull-right"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</div>
</div>
</th>
</tr>
<tr><th class="mon text-center">Mon</th><th class="tue text-center">Tue</th><th class="wed text-center">Wed</th><th class="thu text-center">Thu</th><th class="fri text-center">Fri</th><th class="sat text-center">Sat</th><th class="sun text-center">Sun</th></tr>
</table>
</div>
</div>
