Jquery 工作导航选项卡li选项卡可在手机上下拉

如何关闭或折叠下拉框中的所有导航标签li，并在手机上单击标签li时工作

如下图所示：

小提琴示例：

@介质（最大宽度：767px）{
.足部高清{
背景#5899d4；
颜色：#fff；
浮动：左；
页边距底部：0；
填充：10px；
宽度：100%；
}
.foot hd>a{
背景：#fff；
光标：指针；
填充：2px7px；
文字装饰：无；
}
.bottom-menu2{
填充：0；
}
.bottom-menu2 ul{
浮动：左；
保证金：0；
填充：0；
宽度：100%；
}
.bottom-menu2>.nav tabs>li{
页边距底部：0；
右边距：0；
最大宽度：100%；
最小高度：100%；
填充：0；
文本对齐：居中；
宽度：100%；
}
.bottom-menu2>.nav tabs>li>a{
背景#5491e3；
边框底部：1px实心rgba（0,0,0,0.1）；
颜色：#fff；
浮动：左；
填充：10px；
宽度：100%；
}
}

选项卡列表






家
一些内容

菜单1
菜单1中的一些内容

菜单2
菜单2中的一些内容

$（“.nav tab li”）。单击（函数（）{
$（“#bs-example-navbar-collapse-4”）.removeClass（“in”）；
}); 

你能更好地解释一下你到底需要什么吗？此外，您还需要在JSFIDLE中包含JS库。在移动设备上，所有li选项卡都会在下拉菜单中关闭。这不正常吗？您正在使用默认引导类。是的，请编辑并向我展示任何此类示例？请阅读以下内容：。它会引导你度过难关。