Impaginazione Bootstrap

Impaginazione di base

Se hai un sito web con molte pagine, potresti voler aggiungere una sorta di impaginazione a ciascuna pagina.

Una paginazione di base in Bootstrap è simile a questa:

• 1
• 2
• 3
• 4
• 5

Per creare un'impaginazione di base, aggiungi la .paginationclasse a un <ul>elemento:

Stato attivo

Lo stato attivo mostra qual è la pagina corrente:

• 1
• 2
• 3
• 4
• 5

Aggiungi classe .activeper far sapere all'utente in quale pagina si trova:

Stato disabile

Non è possibile fare clic su un collegamento disabilitato:

• 1
• 2
• 3
• 4
• 5

Aggiungi classe .disabledse un collegamento per qualche motivo è disabilitato:

Dimensionamento della paginazione

I blocchi di impaginazione possono anche essere dimensionati su una dimensione maggiore o inferiore:

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

Aggiungi classe .pagination-lgper blocchi più grandi o .pagination-smper blocchi più piccoli:

Briciole di pane

Un altro modulo per l'impaginazione è il breadcrumb:

1. Casa
2. Privato
3. Immagini
4. Vacanza

La .breadcrumbclasse indica la posizione della pagina corrente all'interno di una gerarchia di navigazione:

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

Riferimento completo alla navigazione Bootstrap

Per un riferimento completo di tutte le classi di navigazione, vai al nostro completo Bootstrap Navigation Reference .