bootstrap分页居中

bootstrap默认分页是靠左的，那么如何进行居中显示呢？

比如下面这段代码：

<ul class="pagination">
<li><a href="#">«</a></li>
<li><a h
ref="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a><
/li>
<li><a href="#">»</a></li>
</ul>

在页面的表现如下：

可以看到完全是居左显示的~

如果给ul加margin:0 auto;或 者text-align:center都是没有效果的，因为ul的宽度并不固定，那么应该怎么做呢？

其实在外面加一层nav嵌套就可以啦。

完整代码如下：

<nav style="text-align: center">
<ul class="pagination">
<li><a href=
"#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li&
gt;
<li><a href="#">3</a></li>
<li><a href="#">»</a></li>
</ul>
</nav>
再看效果，搞定了~