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

添加此

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

到你的css

Answer 2

我想出了一个我将暂时使用的hack-y修复程序。现在就关闭这个。

Answer 3

“skin.css”中存在问题。只需在下面的代码中打开它并注释掉或删除（display：block），如下所示：

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

仅限移动视图上的DNN / Bootstap-3导航问题

3 个答案: