瓶-分页pagination.links造型问题
瓶-分页pagination.links造型问题
提问于 2016-09-15 12:39:40
我显示一些rss饲料使用瓶分页和分页正常工作，但pagination.links的样式是不适当的，它看起来像一个项目列表。关于堆栈溢出有一个类似的问题，答案是包含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>index.html
{{ pagination.info }}
{{ pagination.links }}
{% for e in entries_sorted %}
<div class="row">
<div class="col-md-offset-3 col-md-6 feed_item">
<h1><a href="{{ e.link }}">{{ e.title }}</a></h1>
<h5>Published on: {{ e.published }}</h5>
{% for content in e.content %}
{{ content.value|safe }}
</div>
</div>
{% else %}
<p>{{ e.summary_detail.value|safe }}</p>
</div>
</div>
{% endfor %}
{% endfor %}
{{ pagination.links }}views.py在其中传递分页对象
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)回答 2
Stack Overflow用户
回答已采纳
发布于 2016-09-15 13:13:04
好吧，这对我来说很傻，我在初始化分页对象时将css_framework参数指定为'bootstrap3‘，文档说引导是默认的，但似乎需要显式地指定它。
所以，变化是
pagination = Pagination(page=page,per_page=ITEMS_PER_PAGE,total=len(entries_sorted),record_name='Feeds',css_framework='bootstrap3')Stack Overflow用户
发布于 2019-08-07 00:56:09
只是为了交我的0.02美元。如果接受的答案仍然对你不起作用，检查你的引导版本。
在我的例子中，我需要将我的css_framework设置为'bootstrap4‘。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39511299
复制相关文章
相似问题
腾讯云开发者
