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

前端之家收集整理的这篇文章主要介绍了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; }
原文链接:https://www.f2er.com/bootstrap/447199.html

猜你在找的Bootstrap相关文章