Javascript 文本可以'；引导导航栏切换中的t中心

我的文本无法在可折叠切换中居中对齐。我想这是因为文本对齐与属性对齐。。。我尝试了很多方法，但仍然可以；我似乎不明白。介意帮忙吗？谢谢

使用Twitter引导4.5.1

代码段：

html

尝试不使用浮动：

.navbar-nav {
    margin:0 auto;
    display: block;
    text-align: center;
}

---

如果您想如何对齐.li元素，我建议您这样做-我也在使用它。 e、 g:

你好

。。。。。。。。。对每个li元素都这样做。希望这对你有帮助

    button.navbar-toggle{
  position: absolute;
  right: 50px;
  top: 10px;
}
.navbar-nav {
    float:none;
    margin:0 auto;
    display: block;
    text-align: center;
}

#nav-list{
  margin-top: 10px;
  margin-bottom: 10px;
  float: right;
  
}
#nav-list a {
  color: white;
  font-size: 1.3em;
  font-style: italic;
}
#nav-list li {
  margin-bottom: 5px;
}
#nav-list a:hover {
  text-decoration: none;
  color: #D3D3D3;
}

.navbar-nav {
    margin:0 auto;
    display: block;
    text-align: center;
}

<center>
<li>Hello</li>
</center>