Итак, я пытаюсь центрировать мои пункты списка навигационных баров. Поскольку для этой задачи нет функции утилиты, я разработал следующий код, который помещает неупорядоченный список в столбец внутри строки. Но список по-прежнему оправдан влево даже после того, как я попытаюсь сосредоточиться со старым "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>