Javascript 引导折叠菜单不垂直

我对引导菜单的默认行为有一个问题，我希望有人能解决这个问题。 目前，我可以看到引导工作正常，当bowser窗口很大，所有项目都水平显示时，菜单看起来也很好，这正是我想要和期望的

然而，当菜单折叠时，我希望项目垂直列出，就像我现在看到的那样

使用下面的帖子，我可以看到有一些JavaScript被用来改变垂直列出的项目，但是当我使用它的时候。无论浏览器窗口大小如何，项目都保持垂直

是否有解决方案或解决方法

切换导航

导航栏菜单项是一个无序列表

ul>li

。列表的默认值为垂直。Bootstrap使用以下css使桌面上的菜单水平

@media (min-width: 768px)
.navbar-nav>li {
    float: left;
}

---

检查添加到列表项中的另一个类别，该类别覆盖移动分辨率上的默认垂直样式

创建小提琴并重现问题。并发布呈现的html，而不是asp标记。。