DNN / Bootstrap-3只针对移动视图的导航问题

Question

说明此问题的步骤。

转到这个网页的网站；

http://chartwell.com/careers/your-career-at-chartwell

将浏览器窗口缩小到移动大小。用图标关闭菜单。动画完成后，导航项再次出现。

我一直有很多问题试图解决这个问题使用CSS在这里，我发现在另一个答案；

.navbar-collapse.collapsing {
    -webkit-transition: height 0.01s;   
    -moz-transition: height 0.01s;   
    -ms-transition: height 0.01s;  
    -o-transition: height 0.01s;  
    transition: height 0.01s;  
}

但我似乎想不出怎样才能让它消失。

有什么方法可以让它在动画之后离开屏幕吗？

我的JS技能不是很好。

Answer 1

您在"skin.css“中有一个问题。只需在以下代码中打开它并注释掉或删除(显示:块)，如下所示：

.container > .navbar-header, .container > .navbar-collapse {
 /* display: block; */
  width: 100%;
  float: none;
}

Answer 2

加上这个

 .navbar-collapse.collapsing .navbar-nav {
     display:none;
 }

到你的css

Answer 3

我想出了一种我暂时要用的黑客修复方法。暂时结束这一切。