Paginacja Bootstrap

Podstawowa paginacja

Jeśli masz witrynę internetową z wieloma stronami, możesz chcieć dodać rodzaj paginacji do każdej strony.

Podstawowa paginacja w Bootstrap wygląda tak:

• 1
• 2
• 3
• 4
• 5

Aby utworzyć podstawową paginację, dodaj .paginationklasę do <ul>elementu:

Stan aktywny

Stan aktywny pokazuje, jaka jest bieżąca strona:

• 1
• 2
• 3
• 4
• 5

Dodaj klasę .active, aby użytkownik wiedział, na której stronie się znajduje:

Stan niepełnosprawny

Nie można kliknąć wyłączonego łącza:

• 1
• 2
• 3
• 4
• 5

Dodaj klasę .disabled, jeśli link z jakiegoś powodu jest wyłączony:

Rozmiary stronicowania

Bloki stronicowania mogą być również dopasowywane do większego lub mniejszego rozmiaru:

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

Dodaj klasę .pagination-lgdla większych bloków lub .pagination-smdla mniejszych bloków:

Bułka tarta

Inną formą paginacji jest bułka tarta:

1. Dom
2. Prywatny
3. Kino
4. Wakacje

Klasa .breadcrumbwskazuje położenie bieżącej strony w hierarchii nawigacyjnej:

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

Kompletna instrukcja nawigacji Bootstrap

Aby uzyskać pełne informacje o wszystkich klasach nawigacji, przejdź do naszego pełnego podręcznika Bootstrap Navigation Reference .