صفحه بندی

								
									<nav aria-label="Page navigation example">
									  <ul class="pagination">
										<li class="page-item"><a class="page-link" href="#">قبل</a></li>
										<li class="page-item"><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>
								
							

								
									<nav aria-label="Page navigation example">
									  <ul class="pagination">
										<li class="page-item">
										  <a class="page-link" href="#" aria-label="Previous">
											<span aria-hidden="true">»</span>
										  </a>
										</li>
										<li class="page-item"><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="#" aria-label="Next">
											<span aria-hidden="true">«</span>
										  </a>
										</li>
									  </ul>
									</nav>
								
							

								
									<nav aria-label="...">
									  <ul class="pagination">
										<li class="page-item disabled">
										  <a class="page-link">قبل</a>
										</li>
										<li class="page-item"><a class="page-link" href="#">1</a></li>
										<li class="page-item active" aria-current="page">
										  <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>