我有一个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; }