<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> <!------ Include the above in your HEAD tag ----------> <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>