Pagination d' amorçage

Pagination de base

Si vous avez un site Web avec beaucoup de pages, vous pouvez ajouter une sorte de pagination à chaque page.

Une pagination de base dans Bootstrap ressemble à ceci :

• 1
• 2
• 3
• 4
• 5

Pour créer une pagination de base, ajoutez la .paginationclasse à un <ul>élément :

État actif

L'état actif indique quelle est la page actuelle :

• 1
• 2
• 3
• 4
• 5

Ajoutez une classe .activepour indiquer à l'utilisateur sur quelle page il se trouve :

État désactivé

Un lien désactivé ne peut pas être cliqué :

• 1
• 2
• 3
• 4
• 5

Ajoutez une classe .disabledsi un lien est désactivé pour une raison quelconque :

Dimensionnement de la pagination

Les blocs de pagination peuvent également être dimensionnés à une taille plus grande ou à une taille plus petite :

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

Ajoutez une classe .pagination-lgpour les blocs plus grands ou .pagination-smpour les blocs plus petits :

Chapelure

Une autre forme de pagination est le fil d'Ariane :

1. Accueil
2. Privé
3. Des photos
4. Vacances

La .breadcrumbclasse indique l'emplacement de la page actuelle dans une hiérarchie de navigation :

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

Référence complète de navigation Bootstrap

Pour une référence complète de toutes les classes de navigation, consultez notre référence complète de navigation Bootstrap .