<nav aria-label="مثال ناوبری صفحات">
                                                                    <ul class="pagination">
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">قبلی</a></li>
                                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">بعدی</a></li>
                                                                    </ul>
                                                                </nav>
                
                                                                <nav aria-label="مثال ناوبری صفحات">
                                                                    <ul class="pagination mb-0">
                                                                        <li class="page-item">
                                                                            <a class="page-link" href="javascript:void(0);" aria-label="قبلی">
                                                                                <span aria-hidden="true">&laquo;</span>
                                                                            </a>
                                                                        </li>
                                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                                        <li class="page-item">
                                                                            <a class="page-link" href="javascript:void(0);" aria-label="بعدی">
                                                                                <span aria-hidden="true">&raquo;</span>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </nav>                                                      
                                                            
                                                        

                                                            
                                                                <nav aria-label="مثال ناوبری صفحات">
                                                                    <ul class="pagination pagination-rounded">
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">قبلی</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">بعدی</a></li>
                                                                    </ul>
                                                                </nav>
                
                                                                <nav aria-label="مثال ناوبری صفحات">
                                                                    <ul class="pagination pagination-rounded mb-0">
                                                                        <li class="page-item">
                                                                            <a class="page-link" href="javascript:void(0);" aria-label="قبلی">
                                                                                <span aria-hidden="true">&laquo;</span>
                                                                            </a>
                                                                        </li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                                        <li class="page-item">
                                                                            <a class="page-link" href="javascript:void(0);" aria-label="بعدی">
                                                                                <span aria-hidden="true">&raquo;</span>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </nav>
                                                            
                                                        

                                                            
                                                                <nav aria-label="مثال ناوبری صفحات">
                                                                    <ul class="pagination justify-content-center">
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">قبلی</a></li>
                                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">بعدی</a></li>
                                                                    </ul>
                                                                </nav>
                                                                
                                                                <nav aria-label="مثال ناوبری صفحات">
                                                                    <ul class="pagination justify-content-end mb-0">
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">قبلی</a></li>
                                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">بعدی</a></li>
                                                                    </ul>
                                                                </nav>
                                                            
                                                        

                                                            
                                                                <nav aria-label="...">
                                                                    <ul class="pagination pagination-lg">
                                                                        <li class="page-item active" aria-current="page">
                                                                            <span class="page-link">1</span>
                                                                        </li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                                    </ul>
                                                                </nav>
                                                                
                                                                <nav aria-label="...">
                                                                    <ul class="pagination">
                                                                        <li class="page-item active" aria-current="page">
                                                                            <span class="page-link">1</span>
                                                                        </li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                                    </ul>
                                                                </nav>
                                                                
                                                                <nav aria-label="...">
                                                                    <ul class="pagination pagination-sm mb-0">
                                                                        <li class="page-item active" aria-current="page">
                                                                            <span class="page-link">1</span>
                                                                        </li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                                    </ul>
                                                                </nav>