Javascript 如何拉伸引导导航栏的元素以利用整个宽度？

考虑以下引导导航栏：

有关此导航栏的一些事实：

• 条本身的宽度正好是620px（页面宽度）
• 棒有响应（640px的折叠断点）
• 酒吧的元素粘在一起（之间没有空格）
• 该条具有多语言支持（元素的宽度更改）

如何拉伸条的元素以利用整个宽度？右边剩余的空白应分布在条的元素之间。由于每个元素都有不同的宽度，而且这种宽度可能会随着语言的不同而变化，因此我无法使用百分比。我想唯一的解决方案是JavaScript。但我找不到任何例子

Js小提琴演示：

切换导航

您可以使用CSS表格显示布局来分发导航项目。其简单易用的特点是：

.navbar-nav {
    display:table;
    width:100%;
    margin: 0;
}
.navbar-nav > li {
    float:none;
    display:table-cell;
    text-align:center;
}

这使得它的宽度为其父级

#页眉的100%，而父级
#页眉的宽度又受到
#页面的宽度的限制，因此，如果需要它跨越整个文档宽度的100%，则需要将其移出
#页面
或将
#页面
加宽

根据@Moob的回答，我创建了一个要点，可以很好地做到这一点：

很高兴在这里显示您的代码，它是：。当然，我已经将代码简化为导航栏。非常感谢！：-）这正是我想要的！但是您在解释中遗漏了一些东西：在代码中，您将“float:left；”更改为“float:none；”。到目前为止，我已经尝试了所有其他方法，但在我的尝试中，这一点已经丢失了。我几乎放弃了所有的希望。谢谢谢谢，这帮了我的忙。链接现在好像断了。如果我们能得到最新的，我们将不胜感激。
.navbar-nav {
    display:table;
    width:100%;
    margin: 0;
}
.navbar-nav > li {
    float:none;
    display:table-cell;
    text-align:center;
}