Twitter bootstrap 引导导航折叠为两行（最佳实践）

我正在工作的一个站点正在使用引导，现在，当折叠窗口时，导航会在大约992px宽的位置断开两行。我很好奇避免这种情况的最佳做法是什么。关于这个话题我读了很多书，但每个人似乎都有自己的观点，认为什么是最好的。任何想法都将不胜感激

现场站点在这里：

我只想在特定的媒体查询宽度处隐藏“请求邀请”按钮。不管怎样，下面重复了一遍。然后，您可以让导航链接在一条直线内很好地对齐。这是我最好的意见：）

例如：

@media (min-width: 768px) and (max-width: 992px) {

     nav.main-nav ul li .btn {
         display:none;
     }

}

---

我认为这实际上是一种使用媒体查询来控制给定断点处的布局的情况。无论这意味着隐藏元素还是将它们移动到不同的位置，这都是你的决定。正如您所知，您重复了两次“request invite”按钮……因此，为了使菜单排列整齐，是否只需将其隐藏到这个大小？就我个人而言，我不一定认为这是一种“错误”的方式（在这种情况下）。