如何將以下導航欄置於Boostrap中心？

Question

我有一個如下所示的導航欄：

<nav class="navbar navbar-default">
<div class="container-fluid">
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">Hello</a></li>
            <li><a href="#">About Me</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
</div>

我只是想把列表中的項目居中。 我試過了：

.navbar-default {
  width: 100%;
  text-align: center;
}

但沒有運氣。

Answer 1

這應該可以幫助你margin:0 auto;

Answer 2

您可以設置margin:0 auto; 如另一個答案建議的那樣，或者你也可以添加bootstrap container類，它基本上為你做同樣的事情。