如何解决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  active">
        <li style="width:100px"><a href="#">分页详情</a></li>
        <li><a href="#">上一页</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="#">下一页</a></li>
    </ul>
   </nav>