As soluções mencionadas anteriormente para Bootstrap 3.0 não funcionaram para mim no 3.1.1. A classe de paginação tem display:block
, e os <li>
elementos têm float:left
, o que significa que simplesmente envolver o <ul>
in text-center
sozinho não funciona. Não tenho ideia de como ou quando as coisas mudaram entre 3.0 e 3.1.1. De qualquer forma, eu tinha feito o <ul>
uso display:inline-block
. Aqui está o código:
<div class="text-center">
<ul class="pagination" style="display: inline-block">
<li><a href="...">...</a></li>
</ul>
</div>
Ou, para uma configuração mais limpa, omita o style
atributo e coloque-o na sua folha de estilo:
.pagination {
display: inline-block;
}
Em seguida, use a marcação sugerida anteriormente:
<div class="text-center">
<ul class="pagination">
<li><a href="...">...</a></li>
</ul>
</div>
<ul class="pagination">...</ul>
interior a<div class="text-center"></div>
.