Navegação entre páginas e controle de quantidade de elementos que serão exibidos por página.

	

		
« Anterior
		
1
		
2
		
3
		
4
		
5
		
Próximo »
	

	

		
			Exibir
			
				
				10
				30
				50
				100
			
			ítens por página
		
	

Paginação com muitos elementos

Quando houver mais de 5 páginas, utilizamos a classe .gap para especificar que há mais páginas.

	
« Anterior
	
1
	
2
	
3
	
4
	
5
	
...
	
Próximo »

Estados Ativado e Desativado

Customize os links em diferentes circunstâncias. Utiliza a classe .disabled para links desativados e .active para indicar uma próxima pagina.

	
«
	
1 (current)
	...

Opcionalmente você também pode remover o link e manter apenas o <span> para manter o estilo e remover apenas a funcionalidade do click.

  
«
  
1 (current)
  ...

Tamanhos

Para alterar o tamanho, utilize as classes .pagination-lg ou pagination-sm

...

...

...

Paginador

Links rápidos para uma simples implementação de paginação com links de "anterior" e "próximo".

	
Previous
	
Next

links Alinhados

Você tem a opcão de alinhar um de cada lado

  
← Older
  
Newer →

Estado desabilitado opcional

Esses links também usam a classe .disabled que é uma utilidade da paginação.

  
← Older
  
Newer →