صفحه بندی

<-- Small -->
<nav>  <ul class="pagination pagination-sm">    ...  </ul>
</nav>
<-- متوسط(default) -->
<nav>  <ul class="pagination">    <li class="page-item"><a class="page-link" href="#">«</a></li>    <li class="page-item active"><a class="page-link" href="#">1</a></li>    <li class="page-item"><a class="page-link" href="#">2</a></li>    <li class="page-item"><a class="page-link" href="#">3</a></li>    <li class="page-item"><a class="page-link" href="#">»</a></li>  </ul>
</nav>
<-- Large -->
<nav>  <ul class="pagination pagination-lg">    ...  </ul>
</nav>