菜单手风琴水平Bootstrap 3.3.6

Question

我需要帮助。我正在做一个我正在使用手风琴的演示。这个问题是我需要一条手风琴。在下面的示例中，我在桌面模式下看起来很好“这就是我必须这样做”但是在移动模式下，3条线放在彼此之下，这就是我不能做到的。我在每个float:left中添加<LI>，但其内容会让我感到不安。

代码： http://bootsnipp.com/user/snippets/l06gQ

可以看出：

当你打开标签时，移动模式中的内容应该在左侧居中。

任何解决方案？

Answer 1

如果我理解了你想要的东西，那么bootstrap.css会在较小的屏幕尺寸上覆盖它。

尝试添加以下内容。

.nav>li{display:inline-block}

或者您可能只想将其设置为手机。

@media (max-width: 768px) {
    .nav>li{display:inline-block}
}

或者，如果您只想将其应用于该菜单而不是其他菜单

#menuEstatic .nav>li {display:inline-block}

如果您愿意，也可以使用float：left作为display：inline-block的替代方法。