twitter-bootstrap - Twitter Bootstrap 仅在移动设备上崩溃

Question

我有一个带有标题的菜单(这将是菜单的触发器)。
我希望菜单仅在移动分辨率上折叠。
在更大的屏幕上，我希望这个菜单能够完全显示。
我添加了 hidden-xs到这个菜单，但这不起作用。

<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禁用切换，这样我就看不到菜单，即使我点击了标题。

Answer 1

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