如何在bootstrap中添加nav spacer

Question

我正在使用Twitter Bootstrap创建一个Nav菜单。

在设计中，菜单之间有间隔物。所以，如果我添加border-right，它看起来还不错！但是当在手机或较小的视口中查看时，我希望右边的边框在折叠菜单中成为边框底部。

如何使用Boostrap实现这一目标？

更大的视口：

较小的视口：

Answer 1

divider-horizontal和divider-vertical类用于在菜单之间创建分隔/间隔。

您可以使用这些或根据您的要求自定义这些类。请参阅 - http://twitter.github.io/bootstrap/components.html#navs上的示例用法。

注意：这需要额外的标记，li元素和必需的类。