如何为 django-endless-pagination 设置 Bootstrap 主题？

Question

我是 Django 和前端开发的新手。我想使用 Bootstrap 主题构建一些带分页的 Django 应用程序。我发现 django-endless-pagination 对于分页非常有用。为了获得 Bootstrap 主题，我尝试了 django-endless-pagination-bootstrap-theme。

我的 views.py 刚刚返回了要在 display.html 中显示的条目列表，其编码为：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

{% load endless %}

{% paginate entries %}

{% for entry in entries %}
    <p>{{ entry.value }}</p>
{% endfor %}

<div class="pagination">
{% show_pages %}
</div>

但是我的分页样式（如图1所示）与django-endless-pagination-bootstrap-theme网站（复制如图2）中显示的分页样式有很大不同。

图1

图2

请问我的例子有什么问题吗？

谢谢。

Answer 1

您还必须在 html 文件中（在 body 结束标记之前）包含 .js 文件。例如：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

更新

也许，而不是

<div class="pagination">
{% show_pages %}
</div>

你可以这样使用 bootstrap 3.3.4

{% get_pages %}
<ul class="pagination">
{% for page in pages %}
    <li><a href="{{ page.url }}">{{ page.number }}</a></li>
{% endfor %}
</ul>

Answer 2

对于 bootstrap 3 和 django-el-pagination 使用 ajax，将 {% show pages %} 替换为以下内容：

{% get_pages %}
    <ul class="pagination">
        {% for page in pages %}
            <li>
                <a href="{{ page.path }}" rel="page" class="endless_page_link">{{ page.number }}</a>
            </li>
        {% endfor %}
   </ul>

如何为 django-endless-pagination 设置 Bootstrap 主题？

How to set Bootstrap theme for django-endless-pagination?

django

pagination

twitter-bootstrap