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;
 }
}