Пагинация с Django Class Based View на второй странице путается с форматированием

Я пытаюсь разбить на страницы блог, созданный в django, используя представление на основе классов, первая страница в порядке и хорошо отформатирована, но следующие страницы не сохраняют форматирование и переопределение классов "div" "container".

это view.py:

class HomeView(ListView):
    model = Post
    template_name = 'blog.html'
    paginate_by = 2

Шаблон:

<div class="container">
    
        <h1 class="" style="margin-top: 4%;">The Blog</h1>
    
        {% for post in object_list %}
        <div class="row d-flex justify-content-center mb-5" style="margin-top: 5%;">
        <div class="row ">
            <div class="col" style="margin-right: 0%; padding-right: 0%; padding-left: 0%;">
              <img src = '{{ post.header_image.url }}' height="250" width="100%">  
            </div>
            <div class="row text-center">
              <p class="title-two" style="padding-top: 15%;">{{ post.title }} </p> 
            </div>
        </div>
        </div>

            <div class="pagination">
                <span class="step-links">
                    {% if page_obj.has_previous %}
                    <li><a href="?page=1">&laquo; first</a></li>
                    <li><a href="?page={{ page_obj.previous_page_number }}">previous</a></li>
                    {% endif %}
                
            
                <span class="current">
                    Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}
                </span>
                    {% if page_obj.has_next %}
                    <li><a href="?page={{ page_obj.next_page_number }}">next</a></li>
                    <li><a href="?page={{ page_obj.paginator.num_pages }}">last &raquo;</a></li>
                    {% endif %}
                </span>
            </div>

Как показано на рисунках, первая страница работает нормально, но на последующих страницах возникают проблемы с форматированием.

Вернуться на верх