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

发布时间：2020-12-17 20:41:19 所属栏目：安全来源：网络整理

导读：我有一个带标题的菜单(这将是菜单的触发器). 我希望菜单只能在移动分辨率上折叠. 在更大的屏幕上,我想要完整显示此菜单. 我在这个菜单中添加了hidden-xs,但这不起作用. span class='footer_list' data-toggle="collapse" data-parent="#accordion" href="#re

我有一个带标题的菜单(这将是菜单的触发器).
我希望菜单只能在移动分辨率上折叠.
在更大的屏幕上,我想要完整显示此菜单.
我在这个菜单中添加了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禁用切换,因此即使单击标题,我也看不到菜单.

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!