Bootstrap 4 Button-based page menu

by IwanVosloo

HTML

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <div class="btn-group">
    <button class="btn btn-default" disabled >&larr;</button>
    <button class="btn btn-default" disabled >&laquo;</button>
    <button class="btn btn-default active" >1</button>
    <button class="btn btn-default" >2</button>
    <button class="btn btn-default" >3</button>
    <button class="btn btn-default" >4</button>
    <button class="btn btn-default" >&raquo;</button>
    <button class="btn btn-default" >&rarr;</button>
  </div>