如何解决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>

---

如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮，您的“推荐”将是我最大的写作动力！欢迎各位转载，但是未经作者本人同意，转载文章之后必须在文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利。