Bootstrap -Pager


Was ist Pager?

Pager ist auch eine Form der Paginierung (wie im vorherigen Kapitel beschrieben).

Pager bietet Zurück- und Weiter-Schaltflächen (Links).

Um Zurück-/Weiter-Schaltflächen zu erstellen, fügen Sie die .pagerKlasse einem <ul>Element hinzu:

Beispiel

<ul class="pager">
  <li><a href="#">Previous</a></li>
  <li><a href="#">Next</a></li>
</ul>

Ergebnis:


Schaltflächen ausrichten

Verwenden Sie die Klassen .previousund .next, um jede Schaltfläche an den Seiten der Seite auszurichten:

Beispiel

<ul class="pager">
  <li class="previous"><a href="#">Previous</a></li>
  <li class="next"><a href="#">Next</a></li>
</ul>

Ergebnis:


Vollständige Bootstrap-Navigationsreferenz

Eine vollständige Referenz aller Navigationsklassen finden Sie in unserer vollständigen Bootstrap-Navigationsreferenz .