Używanie autopaginacji w problemach z formatowaniem i django

Question

Używam django-paginate i dziwne problemy z formatowaniem z tagiem {% paginate%}. Dołączyłem obraz problemu.

Zastanawiam się, co może być potencjalnie przyczyną tego?

Na zdjęciu poniżej jestem na pierwszej stronie. Zauważ, że 1 jest obcięte, a także, że strony są dziwnie uporządkowane, a poprzedni/następny nie jest tak naprawdę widoczny.

mój szablon jest właśnie to teraz:

{% extends "base.html" %} 
{% load mptt_tags %} 
{% load pagination_tags %} 
{% load i18n %} 
{% block body %} 
{% autopaginate parts 20 %} 
{% paginate %} 

Answer 1

To nie jest związane z Django, ani Django paginate. Wygląda na to, że używasz Bootstrapa jako frameworka front-endowego, co implikuje takie problemy.

Zaimplementowałam podobne podejście do tej strony manoomit.com, tworząc niestandardowy szablon do zarządzania stronami w django-paginate.

Wygląda na to, że:

{% if is_paginated %} 
{% load i18n %} 
<div class="pagination pagination-centered"> 
    <ul> 
    {% if page_obj.has_previous %} 
    <li><a href="?page={{ page_obj.previous_page_number }}{{ getvars }}{{ hashtag }}" class="prev">&lsaquo;&lsaquo; {% trans "previous" %}</a></li> 
    {% else %} 
    <li class="disabled"><a href="#">&lsaquo;&lsaquo; {% trans "previous" %}</a></li> 
    {% endif %} 
    {% for page in pages %} 
     {% if page %} 
      {% ifequal page page_obj.number %} 
      <li class="active"><a href="#">{{ page }}</a></li> 
      {% else %} 
      <li><a href="?page={{ page }}{{ getvars }}{{ hashtag }}" class="page">{{ page }}</a></li> 
      {% endifequal %} 
     {% else %} 
      ... 
     {% endif %} 
    {% endfor %} 
    {% if page_obj.has_next %} 
     <li><a href="?page={{ page_obj.next_page_number }}{{ getvars }}{{ hashtag }}" class="next">{% trans "next" %} &rsaquo;&rsaquo;</a></li> 
    {% else %} 
     <li class="disabled"><a href="#">{% trans "next" %} &rsaquo;&rsaquo;</a></li> 
    {% endif %} 
</ul> 
</div> 
{% endif %}