如何解决Bootstrap中分页不能居中的问题

Posted zhf123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何解决Bootstrap中分页不能居中的问题相关的知识,希望对你有一定的参考价值。

尝试过1.text-align:center居中;2.margin:0 auto; 3.display: flex;justify-content: center;都不行

解决: 在外层多加一个nav标签包着,然后text-align:center;就会生效了,成功实现了分页居中

<nav style="text-align: center;">
<ul class="pagination">
<li><a href="#">&laquo;</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&raquo;</a></li>
</ul>
</nav>

以上是关于如何解决Bootstrap中分页不能居中的问题的主要内容,如果未能解决你的问题,请参考以下文章

bootstrap栅格系统中如何实现垂直居中

bootstrap中分页面包屑导航列表组卡片下拉菜单折叠

bootstrap 分页插件跳转到多少页如何写

如何正确地将 KNP Paginator Bundle 的分页居中?

请问如何设置bootstrap导航栏中的菜单项居中均匀分布?谢谢

如何在有效的 Twitter Bootstrap 中垂直居中内容?