Ранее упомянутые решения для Bootstrap 3.0 у меня не работали на 3.1.1. Класс разбиения на страницы имеет display:block
, а <li>
элементы есть float:left
, а это означает, что просто обертывание одного <ul>
in text-center
не работает. Я не знаю, как и когда что-то изменилось между 3.0 и 3.1.1. Во всяком случае, вместо этого мне пришлось <ul>
воспользоваться display:inline-block
. Вот код:
<div class="text-center">
<ul class="pagination" style="display: inline-block">
<li><a href="...">...</a></li>
</ul>
</div>
Или для более чистой настройки опустите style
атрибут и вместо этого поместите его в свою таблицу стилей:
.pagination {
display: inline-block;
}
А затем используйте предложенную ранее разметку:
<div class="text-center">
<ul class="pagination">
<li><a href="...">...</a></li>
</ul>
</div>
<ul class="pagination">...</ul>
внутреннюю часть файла<div class="text-center"></div>
.