所以,我试图将我的导航栏列表项居中。由于此任务没有实用功能,因此我设计了以下代码,将无序列表放置在一行中的一列中。但是即使在我尝试使用旧的'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>