【问题标题】:Bootstrap Pagination -- How to insert bootstrap in code?引导分页——如何在代码中插入引导程序?
【发布时间】:2013-11-13 10:06:14
【问题描述】:

我有一个包含此代码的 django 模板:

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

请告诉我如何在此处插入引导分页?
我试过给class="pagination",但仍然无法引导它!
请帮帮我!

【问题讨论】:

    标签: twitter-bootstrap pagination django-templates


    【解决方案1】:

    昨天刚过同一座桥。关键是分页类需要在 a 而不是 a 上。

    所以换掉-->

        <div class="pagination"> 
        for
        <ul class="pagination"> 
    

    然后放

    页面链接周围的
  • 标记
        <li><a href="?page={{ page_obj.previous_pag ..... blah </a></li>
    

    来自引导文档:

        <ul class="pagination">
            <li><a href="#">&laquo;</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
         </ul>
    
  • 【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2016-04-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-12-01
      相关资源
      最近更新 更多