<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 ----------> <div> <div style="display:inline-block"> <button type="button" class="btn btn-lg btn-primary"> <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> </button> </div> <div style="display:inline-block; max-width:52px"> <button type="button" class="btn btn-lg btn-primary"> <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span> </button> <button type="button" class="btn btn-lg btn-primary"> <span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span> </button> </div> <div style="display:inline-block"> <button type="button" class="btn btn-lg btn-primary"> <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span> </button> </div> <div style="display:inline-block;max-width:52px"> <button type="button" class="btn btn-lg btn-primary"> <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span> </button> <button type="button" class="btn btn-lg btn-primary"> <span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span> </button> </div> </div>