Pagination sizes

Change pagination size by adding class on different devices.

  1. 1
  2. 2
  3. 3
  1. 1
  2. 2
  3. 3
  1. 1
  2. 2
  3. 3
  1. 1
  2. 2
  3. 3
  1. 1
  2. 2
  3. 3
<!-- Source -->
<ol class="pagination pagination-1"></ol>
<ol class="pagination pagination-2"></ol>
<ol class="pagination pagination-3"></ol>
<ol class="pagination pagination-4"></ol>
<ol class="pagination pagination-5"></ol>

Responsive

<!-- Source -->
<ol class="pagination pagination-sm-1"></ol>
<ol class="pagination pagination-sm-2"></ol>
<ol class="pagination pagination-sm-3"></ol>
<ol class="pagination pagination-sm-4"></ol>
<ol class="pagination pagination-sm-5"></ol>

<ol class="pagination pagination-md-1"></ol>
<ol class="pagination pagination-md-2"></ol>
<ol class="pagination pagination-md-3"></ol>
<ol class="pagination pagination-md-4"></ol>
<ol class="pagination pagination-md-5"></ol>

<ol class="pagination pagination-lg-1"></ol>
<ol class="pagination pagination-lg-2"></ol>
<ol class="pagination pagination-lg-3"></ol>
<ol class="pagination pagination-lg-4"></ol>
<ol class="pagination pagination-lg-5"></ol>

<ol class="pagination pagination-xl-1"></ol>
<ol class="pagination pagination-xl-2"></ol>
<ol class="pagination pagination-xl-3"></ol>
<ol class="pagination pagination-xl-4"></ol>
<ol class="pagination pagination-xl-5"></ol>