Bootstrap Nav折叠为两条线（最佳实践）

Question

我正在使用的网站正在使用bootstrap，现在，当折叠窗口时，导航会以大约992px宽的间隔突破到2行。我很好奇避免这种情况的最佳做法是什么。我已经阅读了很多关于这个主题的内容，但是每个人似乎都对最好的东西有自己的看法。任何想法都会非常感激。

直播网站位于：http://vinylmeplease.com/

Answer 1

我只是隐藏该特定媒体查询宽度的“请求邀请”按钮。无论如何，它在下面重复。然后你可以让导航链接在一行内很好地排列。这只是我最好的意见:)）

示例：

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

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

}