twitter-bootstrap – 在小屏幕上保持导航栏水平

我有一个Bootstrap导航栏,里面有2个ul.

第一个UL隐藏在小屏幕上的折叠菜单中.

第二个UL仍然可见.

我遇到的问题是第二个UL总是垂直显示.我似乎无法覆盖它以水平显示.我一直在检查css,但我发现的任何东西似乎都无法控制.

http://www.bootply.com/render/121627

(某些css是从// Twitter bootstrap 3 navbar navbar-right outside navbar-collapse借来的)

澄清：

这是我在< 760px宽屏幕上看到的：

[ brand ]     -item1      [---]
               -item2

这就是我想看到的：

[ brand ] -item1 -item2  [---]

解决方法

解决方案是在导航栏上定位ul> li.

.navbar-right > ul > li { float:left; }