引导分页——如何在代码中插入引导程序？

Posted 2023-02-24

【中文标题】引导分页——如何在代码中插入引导程序？

【英文标题】：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"，但仍然无法引导它！ 请帮帮我！

【参考方案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>