flash-paginate pagination.links Styling-Problem

Ich zeige einige RSS-Feeds mit Kolben-paginate und die Seitenumbruch funktioniert normal, aber das Styling für pagination.links ist nicht richtig, es erscheint wie eine Aufzählung. Es gibt eine ähnliche Frage auf Stackoverflow und die Antwort sagt CSS für Bootstrap aufzunehmen und ich habe aber immer noch das Styling bleibt gleichflash-paginate pagination.links Styling-Problem

Im Folgenden die beiden Vorlagen sind

base.html Kopfteil

<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 wo ich Paginierung Objekt

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)

Quelle

2016-09-15 nino

Okay das war sehr dumm von mir bin vorbei, ich habe es durch die Angabe des css_framework Argument ‚bootstrap3‘ zu arbeiten, während die Paginierung Objekt initialisiert, sagen die docs, dass Bootstrap-Standard ist aber scheint, wie Sie es also ausdrücklich

angeben müssen, die Änderungen

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

waren

Quelle

2016-09-15 13:13:04 nino

Brilliant, hätte ich das nie gefunden! Besonders verwirrend ist, dass das Beispiel auf dem GitHub (https://github.com/lixxu/flask-paginate/tree/master/example) OK mit bootstrap3 funktioniert, aber * css_framework = bootstrap3 nicht enthält "". –

flash-paginate pagination.links Styling-Problem

Antwort

Verwandte Themen