Html 在引导3中对齐100%宽度的导航栏

我想我的导航栏的列表项跨越整个页面的宽度，但要合理。我尝试了Morgen32在这个问题上的第二个答案：

但是，较长的项目有两行，并且也没有使用页面的全部宽度

提前感谢您的帮助

---

编辑：我编辑了小提琴。不是正确的。

好的，我知道了。结果我不得不将

表格布局
更改为自动，而不是固定

@media (min-width: 768px){
    .navbar-nav {margin: 0 auto; display: table; table-layout: auto; float:none; width:100%;}
    .navbar-nav > li {display:table-cell; float:none; text-align:center;}
}

好的，我知道了。结果我不得不将
表格布局
更改为自动，而不是固定

@media (min-width: 768px){
    .navbar-nav {margin: 0 auto; display: table; table-layout: auto; float:none; width:100%;}
    .navbar-nav > li {display:table-cell; float:none; text-align:center;}
}

似乎在Chrome中正常工作。我刚刚意识到我复制了错误的JSFIDLE链接。在OP中对其进行了更新。所引用的fiddle@humble.rumble的问题是它没有延伸到导航栏的最大值。我希望第一个项目在左边，最后一个项目在右边，其余项目居中并对齐。似乎在Chrome中工作正常。我刚刚意识到我复制了错误的JSFIDLE链接。在OP中对其进行了更新。所引用的fiddle@humble.rumble的问题是它没有延伸到导航栏的最大值。我希望第一项在左边，最后一项在右边，其余的居中对齐。