【问题标题】:Bootstrap 3 Navbar Collapse Not CollapsingBootstrap 3导航栏折叠不折叠
【发布时间】:2017-06-06 20:01:06
【问题描述】:

试图让我的导航栏在 ipad 大小时保持折叠状态。我使用了这里的代码:Bootstrap 3 Navbar Collapse

但是当我应用上述代码时导航栏消失了(我的最大宽度为 1200 像素)。 代码底部有这部分,应该防止导航栏在 Bootstrap 3 中消失:

 .navbar-collapse.collapse.in { 
        display: block!important;
    }

但是,此代码对我不起作用。 所以我尝试在.navbar-collapse.collapse所在的代码的第一部分添加collapse.in(第12行)。

现在出现导航栏,但不处于折叠状态,并在列表中显示导航栏项目,就像单击折叠的导航栏时一样。如何让导航栏保持折叠状态?谢谢。

【问题讨论】:

  • 请分享一些代码
  • 嗨,我的代码基于 Bootstrap 的免费 Temple Business Casual:startbootstrap.com/template-overviews/business-casual 我尝试使用相同的代码使原始商务休闲装的导航栏在 ipad 上折叠,但它有同样的问题。导航栏在 ipad 上消失了。谢谢。

标签: twitter-bootstrap-3 collapse


【解决方案1】:

我从this question 获得了this answer 的成功。

在最大宽度媒体查询中没有

 .navbar-collapse.collapse.in { 
        display: block!important;
    }

相反,它确实没有那么具体

 .collapse.in{
      display:block !important;
  }

【讨论】:

  • 感谢您的帮助,但 ipad 大小的导航栏仍然消失。我的代码基于来自 Bootstrap 的免费 Temple Business Casual:startbootstrap.com/template-overviews/business-casual 我已经使用原始商务休闲服测试了上述代码,它也有同样的问题 :( 任何帮助将不胜感激!谢谢。
猜你喜欢
  • 2020-08-16
  • 1970-01-01
  • 1970-01-01
  • 2015-07-06
  • 2013-09-18
  • 2014-07-18
  • 1970-01-01
  • 2017-05-25
  • 2015-12-07
相关资源
最近更新 更多