Boostrap include un set di direttive CSS già pronte per poter implementare una paginazione.

Si parte con il classico menu avanti/indietro, che può essere implementato con questo markup:

• Indietro


• Avanti

Le classi previous e next ci aiutano ad allineare a destra e sinistra i due pulsanti, mentre quella disabled rende disattivato il button.

Se la nostra paginazione è basata su numeri, invece, occorre utilizzare questo markup:

• «


• 1


• 2


• 3


• »

La differenza sostanziale è che possiamo indicare, tramite active, l'elemento corrente, che assumerà un colore differente.

Si può intervenire sulla grandezza del pager utilizzando le classi pagination-lg per aumentarne la grandezza e pagination-sm, per diminuirla.