Django 2.* Bootstrap 4 Pagination [by DeN] www.m5-web.com

pagination_blog.html

{% if paginator %}
    <nav aria-label="pagination">
        <ul class="pagination justify-content-center">
            {% if blog_posts.has_previous %}
                <li class="page-item"><a class="page-link" href="?page=1">Начало</a></li>
                <li class="page-item"><a class="page-link" href="?page={{ blog_posts.previous_page_number }}">Назад</a></li>
                
                {% if blog_posts.number >= 4 %}
                    <li class="page-item"><a class="page-link" href="?page=1">1</a></li>
                    <li class="page-item disabled"><a class="page-link" href="#">...</a></li>
                {% endif %}
                
            {% else %}
                <li class="page-item disabled"><a class="page-link" href="#">Начало</a></li>
                <li class="page-item disabled"><a class="page-link" href="#">Назад</a></li>
            {% endif %}
            
            {% for page in blog_posts.paginator.page_range %}
                {% if blog_posts.number == page %}
                    <li class="page-item{% if blog_posts.number == page %} active{% endif %}">
                        <a class="page-link" href="?page={{ page }}">{{ page }}</a>
                    </li>
                {% elif page > blog_posts.number|add:'-3' and page < blog_posts.number|add:'3' %}
                    <li class="page-item">
                        <a class="page-link" href="?page={{ page }}">{{ page }}</a>
                    </li>
                {% endif %}
            {% endfor %}
            
            {% if blog_posts.has_next %}
            
                {% if blog_posts.paginator.num_pages|add:'-3' >= blog_posts.number %}
                    <li class="page-item disabled"><a class="page-link" href="#">...</a></li>
                    <li class="page-item"><a class="page-link" href="?page={{ blog_posts.paginator.num_pages }}">{{ blog_posts.paginator.num_pages }}</a></li>
                {% endif %}
            
                <li class="page-item"><a class="page-link" href="?page={{ blog_posts.next_page_number }}">Вперед</a></li>
                <li class="page-item"><a class="page-link" href="?page={{ blog_posts.paginator.num_pages }}">Последнняя</a></li>
            {% else %}
                <li class="page-item disabled"><a class="page-link" href="#">Вперед</a></li>
                <li class="page-item disabled"><a class="page-link" href="#">Последнняя</a></li>            
            {% endif %}
        </ul>
    </nav>
{% endif %}