Twitter bootstrap Twitter引导程序仅在移动设备上崩溃

我有一个带有标题的菜单（它将触发菜单）
我希望菜单仅在移动分辨率下折叠。
在更大的屏幕上，我希望此菜单完全显示。

我在这个菜单中添加了

hiddenxs

，但这不起作用

<span class='footer_list' data-toggle="collapse" data-parent="#accordion" href="#resources">
  Resources
</span>

<ul class="list-unstyled hidden-xs footer-nav" id="resources">
  <li><a class="footer_link" href='#'>Link 1</a></li>
  <li><a class="footer_link" href='#'>Link 2</a></li>
  <li><a class="footer_link" href='#'>Link 3</a></li>
  <li><a class="footer_link" href='#'>Link 4</a></li>
</ul>

资源

---

hidden xs

禁用切换，这样即使单击标题，我也看不到菜单。

请添加一些代码。请添加解决方案作为答案，并接受它以备将来使用

@media (min-width: 768px) {
 .footer-nav{
    display: block !important;
    padding-bottom: 0px;
    overflow: visible !important;
 }
}