DNN / Bootstrap-3 仅在移动视图上存在导航问题

Question

显示此问题的步骤。

转到网站的这个页面；

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

将您的浏览器 window 缩小到移动尺寸。关闭带有图标的菜单。动画结束然后导航项再次出现。

我在尝试使用我在另一个答案中找到的 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 / Bootstrap-3 仅在移动视图上存在导航问题

DNN / Bootstrap-3 Navigation issue only on mobile view

css

twitter-bootstrap-3

dotnetnuke