Question

我正在使用flask-paginate显示一些rss feed并且分页正常但是pagination.links的样式不正确，它看起来像一个项目符号列表。 stackoverflow上有一个类似的问题，答案说包含CSS for bootstrap我做了但仍然样式仍然相同

以下是两个模板

base.html头部

nav > ul > li > a {
    color: #aaa !important;
    background-color:#333;
    display: block;
    line-height: 2em;
    padding: 0.5em 0.5em;
    text-decoration: none;
}

index.html

.ui-page-theme-a a:visited, 
html .ui-bar-a a:visited, 
html .ui-body-a a:visited, 
html body .ui-group-theme-a a:visited {
    color: #aaa;
}

views.py我在哪里传递分页对象

<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>

Answer 1

好吧，这对我来说非常愚蠢，我通过指定css_framework参数来引导它来运行＆＃39; bootstrap3＆＃39;在初始化分页对象时，文档说bootstrap是默认的，但似乎你需要明确指定它

所以，改变是

pagination = Pagination(page=page,per_page=ITEMS_PER_PAGE,total=len(entries_sorted),record_name='Feeds',css_framework='bootstrap3')

Answer 2

只需投入我的$ 0.02。如果仍不能接受已接受的答案，请检查您的引导程序版本。

就我而言，我需要将css_framework设置为'bootstrap4'。

flask-paginate pagination.links样式问题

2 个答案: