Html 更改媒体查询后，引导折叠菜单保持打开状态

使用引导。 我在991px中将断点改为折叠菜单

菜单正在折叠，但仍在sm中扩展。在xs中工作良好。 它看起来正在崩溃，但并没有消失

我想不出是什么原因造成的。 链接如下

---

我将您的

小屏幕

的css代码更改为我以前使用的css代码，效果很好，当然，我将您的

li

a

属性设置为：

@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #727272;
        width: 500px;
        border-left: 5vw solid #178ACC;
        height: 40px;
        font-size: 16px;
        color: #f4ebeb;
        background-color: #000;
    }
    .navbar-default .navbar-nav > li > a > span {
        display:inline-block;
        vertical-align: middle;
        padding-top: 5px;
        padding-left: 2px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

在您的CSS中有@media all和（最小宽度：991px），您是否尝试过在没有“all和”？的情况下工作！但是你能确切地告诉我你改变了哪一个财产吗？我不能确定你改变了哪一个！您在一个
div

中有两个类，但在您的样式中，您将它们分开：

.navbar collapse.collapse

（类之间的空格），创建了不正确的嵌套！与

.navbar collapse.collapse.in

相同，我刚刚删除了所有不正确的空格

    .navbar-default {
  background-image:none;
  background-color: #373737;
}
/*BIG SCREENS*/
@media all and (min-width: 991px) {

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav > li > a {
  width: 120px;
  height: 65px;
  font-size: 16px;
  border-left: 10px solid #178ACC;
  transform: skewX(-45deg); 
  background-color: #000;
  color: #f4ebeb;
}


.navbar-default .navbar-nav > li > a >span {
    display:inline-block;
    transform: skewX(45deg); 
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 2px;


}

.navbar-default .navbar-nav > .active #uzsakymo-linkas {
  background-color: #FC6607;
  color:#fff;
  margin:0px;
  width:160px;
  border-right: 10px solid #178ACC;
}

.navbar-default .navbar-nav > li>#uzsakymo-linkas > span {
  padding-top: 0px;
  padding-left: 0px;
  text-align: center;
}
} /*end of big screens*/
/*SMALL SCREENS*/
@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse .collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin: 7.5px -15px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-default .navbar-nav>.active>a,
  .navbar-nav>li>a 
  {
      padding-top: 5px;
      padding-bottom: 5px;
      color: #727272;
      width: 500px;
      border-left: 5vw solid #178ACC;
      height: 40px;
      font-size: 16px;
      color: #f4ebeb;
      background-color: #000;
    }

  .navbar-default .navbar-nav > li > a >span {
    display:inline-block;
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 2px;

    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /*.navbar-collapse .collapse .in { */

    .navbar-collapse .collapse .in { 

        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

} /*end small screens*/

@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #727272;
        width: 500px;
        border-left: 5vw solid #178ACC;
        height: 40px;
        font-size: 16px;
        color: #f4ebeb;
        background-color: #000;
    }
    .navbar-default .navbar-nav > li > a > span {
        display:inline-block;
        vertical-align: middle;
        padding-top: 5px;
        padding-left: 2px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}