在bootstrap中分页
我在分页中有这个代码
<div class="pagination">
<ul>
<li><a href="?p=0" data-original-title="" title="">1</a></li>
<li><a href="?p=1" data-original-title="" title="">2</a></li>
</ul>
</div>
但是我的ul是左对齐的。 有什么方法来中心ul wrt div吗？
我试过margin: auto auto和margin :0 auto他们，但没有工作。
Bootstrap已经添加了3.0的新类。
<div class="text-center">
<ul class="pagination">
<li><a href="?p=0" data-original-title="" title="">1</a></li>
<li><a href="?p=1" data-original-title="" title="">2</a></li>
</ul>
</div>
Bootstrap 4有了新的课程
<div class="text-xs-center">
<ul class="pagination">
<li><a href="?p=0" data-original-title="" title="">1</a></li>
<li><a href="?p=1" data-original-title="" title="">2</a></li>
</ul>
</div>
对于2.3.2
<div class="pagination text-center">
<ul>
<li><a href="?p=0" data-original-title="" title="">1</a></li>
<li><a href="?p=1" data-original-title="" title="">2</a></li>
</ul>
</div>
给这个方法：
.pagination {text-align: center;}
这是因为ul使用inline-block;
小提琴：http://jsfiddle.net/praveenscience/5L8fu/
或者如果你想使用Bootstrap的类：
<div class="pagination pagination-centered">
<ul>
<li><a href="?p=0" data-original-title="" title="">1</a></li>
<li><a href="?p=1" data-original-title="" title="">2</a></li>
</ul>
</div>
小提琴：http://jsfiddle.net/praveenscience/5L8fu/1/
对于Bootstrap 3.0和2.3.2来说，对于中间分页， .text-center类可以应用于包含div 。
注意：在Bootstrap 2.3.2和3.0之间，标记中的.pagination类的应用已经改变。 请参阅下文，或阅读Bootstrap文档分页：Bootstrap 3.0，Bootstrap 2.3.2。
Bootstrap 3示例
<div class="text-center">
<ul class="pagination">
<li><a href="?p=0" data-original-title="" title="">1</a></li>
<li><a href="?p=1" data-original-title="" title="">2</a></li>
</ul>
</div>
http://jsfiddle.net/mynameiswilson/eYNMu/
Bootstrap 2.3.2示例
<div class="pagination text-center">
<ul>
<li><a href="?p=0" data-original-title="" title="">1</a></li>
<li><a href="?p=1" data-original-title="" title="">2</a></li>
</ul>
</div>
http://jsfiddle.net/mynameiswilson/84X3M/
前面提到的Bootstrap 3.0的解决方案在3.1.1上不适用于我。 分页类具有display:block ， <li>元素具有float:left ，这意味着仅仅在text-center包装<ul>不起作用。 我不知道3.0和3.1.1之间如何或何时发生变化。 无论如何，我已经使用<ul> use display:inline-block代替。 代码如下：
<div class="text-center">
<ul class="pagination" style="display:inline-block">
<li><a href="...">...</a></li>
</ul>
</div>
或者为了更清洁的设置，省略style属性并将其放入样式表中：
<style>
.pagination {
display: inline-block;
}
</style>
然后使用之前建议的标记：
<div class="text-center">
<ul class="pagination">
<li><a href="...">...</a></li>
</ul>
</div>