Fatal编程技术网

Twitter bootstrap 烧瓶分页。链接样式问题

twitter-bootstrap flask pagination

Twitter bootstrap 烧瓶分页。链接样式问题,twitter-bootstrap,flask,pagination,Twitter Bootstrap,Flask,Pagination,我正在使用flask paginate显示一些rss提要，分页工作正常，但pagination.links的样式不正确，它看起来像一个项目符号列表。在stackoverflow上有一个类似的问题，答案是在bootstrap中包含CSS，我也这样做了，但样式仍然保持不变 下面是两个模板 base.html头部部分 <head> <title>{% block title %}{% endblock %}</title> <link rel

我正在使用flask paginate显示一些rss提要，分页工作正常，但pagination.links的样式不正确，它看起来像一个项目符号列表。在stackoverflow上有一个类似的问题，答案是在bootstrap中包含CSS，我也这样做了，但样式仍然保持不变

下面是两个模板

base.html头部部分

<head>
    <title>{% block title %}{% endblock %}</title>

    <link rel="stylesheet" href="{{ url_for('static', filename='stylesheets/style.css') }}">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <link rel="stylesheet" href="{{ url_for('static', filename='stylesheets/bootstrap-social.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='font-awesome-4.6.3/css/font-awesome.css') }}">

    <!--flask-paginate stylsheet -->
    <!--<link rel="stylesheet" href="{{ url_for('static', filename='stylesheets/web.css') }}">-->

    <!-- Dependencies for chosen jquery plugin -->

    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

    <!-- chosen jquery plugin -->
    <script src="{{ url_for('static', filename='chosen/chosen.jquery.js') }}"></script>
    <link rel="stylesheet" href="{{ url_for('static', filename='chosen/chosen.css') }}">

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

i = (page-1)*ITEMS_PER_PAGE
entries = entries_sorted[i:i+5]
#entries_paginated = entries_sorted.paginate(page,ITEMS_PER_PAGE,False)
pagination = Pagination(page=page, total=len(entries_sorted),record_name='Feeds',per_page=ITEMS_PER_PAGE)

return render_template('index.html',title='Home Page',entries_sorted=entries,pagination=pagination)
好吧，我真是太傻了，在初始化分页对象时，我将css_框架参数指定为'bootstrap3'，文档说bootstrap是默认值，但似乎需要显式指定它

所以，变化是

pagination = Pagination(page=page,per_page=ITEMS_PER_PAGE,total=len(entries_sorted),record_name='Feeds',css_framework='bootstrap3')
就为了我的0.02美元。如果接受的答案仍然不适用于您，请检查您的引导版本

在我的例子中，我需要将css_框架设置为“bootstrap4”。

太棒了，我永远也找不到这个！尤其令人困惑的是，github（）上的示例可以与bootstrap3配合使用，但不包括
css\u framework='bootstrap3'
。 
pagination = Pagination(page=page,per_page=ITEMS_PER_PAGE,total=len(entries_sorted),record_name='Feeds',css_framework='bootstrap3')