<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <div class="container"> <p> <i class="fa fa-chevron-left fa-1x" style="color:#038abc"></i> <i class="fa fa-chevron-left fa-2x" style="color:#380000"></i> <i class="fa fa-chevron-left fa-3x" style="color:#006a00"></i> </p> <div class="btn-toolbar"> <div class="btn-group"> <a class="btn" href="#"><i class="icon-align-left"></i></a> <a class="btn" href="#"><i class="icon-align-center"></i></a> <a class="btn" href="#"><i class="icon-align-right"></i></a> <a class="btn" href="#"><i class="icon-align-justify"></i></a> </div> </div> <a class="btn" href="#"><i class="fa fa-chevron-left fa-3x"></i></a> <a class="btn" href="#"><i class="fa fa-chevron-right fa-3x"></i></a> </div>