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

发布时间：2020-12-18 00:05:16 所属栏目：安全来源：网络整理

导读：我有一个Bootstrap导航栏,里面有2个ul. 第一个UL隐藏在小屏幕上的折叠菜单中. 第二个UL仍然可见. 我遇到的问题是第二个UL总是垂直显示.我似乎无法覆盖它以水平显示.我一直在检查css,但我发现的任何东西似乎都无法控制. http://www.bootply.com/render/121627

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!