BootStrap Pagination

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

Using Pagination

Using our examples the only classes to take note of are "pagination" which is the default css class for pagination i.e. border, padding and border-radius etc and "darker" which sets the colour of pagination. The are six colour classes available, default, lighter, light, dark, darker and neutral.

To change the colour simply replace "darker" with "neutral" or your preference.

      <div class="col-md-12">
        <ul class="pagination darker">
          <li>[[1]]</li>
          <li class="active">[[2]]</li>
          <li>[[3]]</li>
          <li>[[4]]</li>
          <li>[[5]]</li>
          <li>[[6]]</li>
          <li>[[7]]</li>
          <li>[[8]]</li>
        </ul>
      </div>