صفحه بندی

<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">&laquo;</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">&raquo;</span>
			</a>
		</li>
	</ul>
</nav>

<div class="col-12">
	<h5 class="text-center">کوچک</h5>
	<nav class="mb-5" aria-label="navigation">
		<ul class="pagination pagination-sm d-inline-block d-md-flex justify-content-center">
			<li class="page-item disabled">
				<a class="page-link" href="#" tabindex="-1" aria-disabled="true">قبل</a>
			</li>
			<li class="page-item"><a class="page-link" href="#">1</a></li>
			<li class="page-item active"><a class="page-link" href="#">2</a></li>
			<li class="page-item disabled"><a class="page-link" href="#">..</a></li>
			<li class="page-item"><a class="page-link" href="#">15</a></li>
			<li class="page-item">
				<a class="page-link" href="#">بعد</a>
			</li>
		</ul>
	</nav>
	<h5 class="text-center">متوسط</h5>
	<nav class="mb-5" aria-label="navigation">
		<ul class="pagination d-inline-block d-md-flex justify-content-center">
			<li class="page-item disabled">
				<a class="page-link" href="#" tabindex="-1" aria-disabled="true">قبل</a>
			</li>
			<li class="page-item"><a class="page-link" href="#">1</a></li>
			<li class="page-item active"><a class="page-link" href="#">2</a></li>
			<li class="page-item disabled"><a class="page-link" href="#">..</a></li>
			<li class="page-item"><a class="page-link" href="#">15</a></li>
			<li class="page-item">
				<a class="page-link" href="#">بعد</a>
			</li>
		</ul>
	</nav>
	<h5 class="text-center">بزرگ</h5>
	<nav class="mb-5" aria-label="navigation">
		<ul class="pagination pagination-lg d-inline-block d-md-flex justify-content-center">
			<li class="page-item disabled">
				<a class="page-link" href="#" tabindex="-1" aria-disabled="true">قبل</a>
			</li>
			<li class="page-item"><a class="page-link" href="#">1</a></li>
			<li class="page-item active"><a class="page-link" href="#">2</a></li>
			<li class="page-item disabled"><a class="page-link" href="#">..</a></li>
			<li class="page-item"><a class="page-link" href="#">15</a></li>
			<li class="page-item">
				<a class="page-link" href="#">بعد</a>
			</li>
		</ul>
	</nav>
</div>

<nav class="mt-4" aria-label="navigation">
	<ul class="pagination pagination-primary-soft rounded">
		<li class="page-item"><a class="page-link" href="#" tabindex="-1"><i class="fas fa-angle-double-right"></i></a></li>
		<li class="page-item"><a class="page-link" href="#">1</a></li>
		<li class="page-item active"><a class="page-link" href="#">2</a></li>
		<li class="page-item"><a class="page-link" href="#">..</a></li>
		<li class="page-item"><a class="page-link" href="#">6</a></li>
		<li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-double-left"></i></a></li>
	</ul>
</nav>

<a href="#" class="btn btn-primary-soft mb-0">مشاهده بیشتر<i class="fas fa-sync me-2"></i></a>

<nav aria-label="Page navigation example">
	<ul class="pagination justify-content-start">
		<li class="page-item disabled">
			<a class="page-link" href="#" tabindex="-1" aria-disabled="true">قبل</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 justify-content-end">
		<li class="page-item disabled">
			<a class="page-link" href="#" tabindex="-1" aria-disabled="true">قبل</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>