<< Go back

Pagination sizes

Small
<div class="bsk-pagination bsk-pagination-sm" role="navigation">
  <span class="pages">Page 1 of 7</span>
  <span aria-current="page" class="current">1</span>
  <a title="Page 2" href="#">2</a>
  <a title="Page 3" href="#">3</a>
  <a title="Page 4" href="#">4</a>
  <a title="Page 5" href="#">5</a>
  <span class="extend">...</span>
  <a class="nextpostslink" rel="next" aria-label="Next Page" href="#"></a>
  <a class="last" aria-label="Last Page" href="#">Last »</a>
</div>


Regular
<div class="bsk-pagination" role="navigation">
  <span class="pages">Page 1 of 7</span>
  <span aria-current="page" class="current">1</span>
  <a title="Page 2" href="#">2</a>
  <a title="Page 3" href="#">3</a>
  <a title="Page 4" href="#">4</a>
  <a title="Page 5" href="#">5</a>
  <span class="extend">...</span>
  <a class="nextpostslink" rel="next" aria-label="Next Page" href="#"></a>
  <a class="last" aria-label="Last Page" href="#">Last »</a>
</div>


Large
<div class="bsk-pagination bsk-pagination-lg" role="navigation">
  <span class="pages">Page 1 of 7</span>
  <span aria-current="page" class="current">1</span>
  <a title="Page 2" href="#">2</a>
  <a title="Page 3" href="#">3</a>
  <a title="Page 4" href="#">4</a>
  <a title="Page 5" href="#">5</a>
  <span class="extend">...</span>
  <a class="nextpostslink" rel="next" aria-label="Next Page" href="#"></a>
  <a class="last" aria-label="Last Page" href="#">Last »</a>
</div>