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

Twitter Bootstrap仅在移动设备上崩溃

1 个答案: