相关疑难解决方法(0)

所以,我试图集中我的导航栏列表项目.由于此任务没有实用程序功能,因此我设计了以下代码,将无序列表放在行中的列中.但即使我尝试使用旧的'text-align:center'进行居中,这个列表仍然在左边是合理的

<div class="navbar navbar-fixed-top ">
    <!--<a class="navbar-brand" href="#">Title</a> -->
    <div class= "row">
        <div style="border:1px solid black;text-align:center;" class="col-4 col-offset-4">
            <ul class="nav navbar-nav">
                <li class="active"><a href="/">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Projects</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </div>
    </div>
</div>