Bootstrap stránkování

Základní stránkování

Pokud máte webovou stránku se spoustou stránek, možná budete chtít na každou stránku přidat nějaký druh stránkování.

Základní stránkování v Bootstrapu vypadá takto:

• 1
• 2
• 3
• 4
• 5

Chcete-li vytvořit základní stránkování, přidejte .paginationtřídu k <ul>prvku:

Aktivní stav

Aktivní stav ukazuje, jaká je aktuální stránka:

• 1
• 2
• 3
• 4
• 5

Přidejte třídu .active, aby uživatel věděl, na které stránce se nachází:

Deaktivovaný stav

Na deaktivovaný odkaz nelze kliknout:

• 1
• 2
• 3
• 4
• 5

Přidejte třídu .disabled, pokud je odkaz z nějakého důvodu zakázán:

Velikost stránkování

Stránkovací bloky lze také upravit na větší nebo menší velikost:

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

Přidejte třídu .pagination-lgpro větší bloky nebo .pagination-smpro menší bloky:

Strouhanka

Další formou stránkování je strouhanka:

1. Domov
2. soukromé
3. obrázky
4. Dovolená

Třída .breadcrumboznačuje umístění aktuální stránky v rámci navigační hierarchie:

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

Kompletní referenční navigace Bootstrap

Úplnou referenci o všech třídách navigace naleznete v naší kompletní příručce navigace Bootstrap .