Python 为什么我的分页引导风格不起作用？_Python_Python 3.x_Flask_Jinja2

Python 为什么我的分页引导风格不起作用？

python python-3.x flask

Python 为什么我的分页引导风格不起作用？,python,python-3.x,flask,jinja2,Python,Python 3.x,Flask,Jinja2,我练习“Flask Web Development”博客文章，当页面链接分页时，bootstrap风格不起作用。但另一种可以使用。我使用的是宏导入，希望其他地方也能这样。有必要在导入时添加吗。谁来帮帮我这是index.html {% extends "base.html" %} {% import "bootstrap/wtf.html" as wtf %} {% import '_macros.html' as macros %} {% block head %} <meta

我练习“Flask Web Development”博客文章，当页面链接分页时，bootstrap风格不起作用。但另一种可以使用。我使用的是宏导入，希望其他地方也能这样。有必要在导入时添加吗。谁来帮帮我

这是index.html

{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% import '_macros.html' as macros %}
{% block head %}
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
{% block scripts %}
    {{ super() }}
    <script type="text/javascript">
        $('[data-spy="scroll"]').each(function () {
            var $spy = $(this).scrollspy('refresh')
        })
    </script>
{% endblock %}

{%extends“base.html”%}
{%import“bootstrap/wtf.html”作为wtf%}
{%import'\u macros.html'作为宏%}
{%block head%}
{%block scripts%}
{{super（）}}
$（'[data spy=“scroll”]'）。每个（函数（）{
var$spy=$（this.scrollspy（'refresh'））
})
{%endblock%}

{%block styles%}
{{super（）}}
身体{
背景色：#ffffff；
/*背景色：#f0*/
位置：相对位置；
}
.标题{
背景色：#FFFFFF；
背景附件：滚动，固定；
背景位置：左上、左上；
背景重复：重复，不重复；
背景尺寸：自动，自动100%；
颜色：rgba（255，255，255，0.5）；
身高：100%；
左：0；
填充：8em4em0；
位置：固定；
文本对齐：右对齐；
排名：0；
宽度：20%；
填充：0；
}
.img{
背景色：#235F2A；
身高：23.6076%；
宽度：61.8%；
利润率最高：14.5924%；
左缘：19.1%；
保证金权利：19.1%；
填充：0；
}
.面包屑{
左缘：25.28%；
利润率最高：3%；
宽度：68.33%；
背景色：#FFFF93；
}
sketcho先生{
宽度：83.7%；
背景色：#ffffff；
不透明度：1；
左缘：7.72%；
利润率最高：8.5%；
}
.容器液体{
左缘：20%；
左侧填充：0px；
右边填充：0px；
}
.素描{
宽度：83.7%；
背景色：#ffffff；
不透明度：1；
左缘：7.72%；
利润率最高：1%；
}
部分{
左侧填充：17px；
右边填充：17px；
}
.传呼{
左边距：自动；
文本对齐：居中
}
.中心{
边缘顶部：320px；
高度：35px；
}
.行按钮{
宽度：35px；
高度：35px；
浮动：左；
}
{%endblock%}

{%endblock%}
{%block title%}索引{%endblock%}
{%block page_content%}
{文章%中的文章为%s}
{{Article.head}}
{{Article.body}


了解更多


{%endfor%}
{{macros.pageination_小部件（pageination，'.index'）}
{%endblock%}

_macros.html

{% macro pageination_widget(pageination, endpoint) %}
    <nav aria-label="Page navigation">
        <ul class="pageination">
            <li {% if not pageination.has_prev %} class="disabled" {% endif %}>
                <a href="{% if pageination.has_perv %}{{ url_for(endpoint, page=pageination.page - 1, **kwargs) }}{% else %}#{% endif %}">
                    &laquo;</a>
            </li>
            {% for page in pageination.iter_pages() %}
                {% if page %}
                    {% if page == pageination.page %}
                        <li class="active">
                            <a href="{{ url_for(endpoint, page=page, **kwargs) }}">{{ page }}</a>
                        </li>
                    {% else %}
                        <li><a href="{{ url_for(endpoint, page=page, **kwargs) }}">{{ page }}</a></li>
                    {% endif %}
                {% else %}
                    <li class="disabled"><a href="#"></a></li>
                {% endif %}
            {% endfor %}
            <li {% if not pageination.has_next %} class="disabled" {% endif %}>
                <a href=" {% if pageination.has_next %}{{ url_for(endpoint,page=pageination.page + 1, **kwargs) }}{% else %}#{% endif %}">&raquo;</a>
            </li>
        </ul>
    </nav>
{% endmacro %}

{%macro分页_小部件（分页，端点）%}



{%用于分页中的页面。iter_pages（）%}
{%if page%}
{%if page==pageination.page%}


{%else%}

{%endif%}
{%else%}

{%endif%}
{%endfor%}



{%endmacro%}

您的类名似乎有输入错误

尝试

而不是

您可以在此处找到要使用的类的完整文档：

{% endblock %}
{% block title %}Index{% endblock %}


{% block page_content %}
<body id="top">
<div class="container-fluid">
    {% for Article in Articles %}
    <div class="row sketch">
        <section id="one">
            <header class="major">
                {{ Article.head }}
            </header>
            <p>{{ Article.body }}</p>
            <ul class="actions">
                <li>
                    <button type="button" class="btn btn-info">Learn More</button>
                </li>
            </ul>
    </div>
    {% endfor %}
    <div class="row paging">
        {{ macros.pageination_widget(pageination, '.index') }}
    </div>
</div>

<script src="{{ url_for('static',filename='js/jquery-3.2.1.min.js') }}"></script>
<script src="{{ url_for('static',filename='js/bootstrap.min.js') }}"></script>
</body>
{% endblock %}

{% macro pageination_widget(pageination, endpoint) %}
    <nav aria-label="Page navigation">
        <ul class="pageination">
            <li {% if not pageination.has_prev %} class="disabled" {% endif %}>
                <a href="{% if pageination.has_perv %}{{ url_for(endpoint, page=pageination.page - 1, **kwargs) }}{% else %}#{% endif %}">
                    &laquo;</a>
            </li>
            {% for page in pageination.iter_pages() %}
                {% if page %}
                    {% if page == pageination.page %}
                        <li class="active">
                            <a href="{{ url_for(endpoint, page=page, **kwargs) }}">{{ page }}</a>
                        </li>
                    {% else %}
                        <li><a href="{{ url_for(endpoint, page=page, **kwargs) }}">{{ page }}</a></li>
                    {% endif %}
                {% else %}
                    <li class="disabled"><a href="#"></a></li>
                {% endif %}
            {% endfor %}
            <li {% if not pageination.has_next %} class="disabled" {% endif %}>
                <a href=" {% if pageination.has_next %}{{ url_for(endpoint,page=pageination.page + 1, **kwargs) }}{% else %}#{% endif %}">&raquo;</a>
            </li>
        </ul>
    </nav>
{% endmacro %}