引導3.0 @navbarCollapseWidth

Question

navbar-collapse min-width: 767px

我想導航欄崩潰的max-width: 991px，在自定義頁面我無法找到@navbarCollapseWidth

這是自舉3.0，我的資產淨值是太大了，767，我希望它更早崩潰。

Answer 1

1. 下載從https://github.com/bassjobsen/jamedo-bootstrap-start-theme/archive/master.zip
2. 最新版本的拉鍊包含以下文件打開以下/ variables.less

此文件包含行：

// Point at which the navbar stops collapsing 
@grid-float-breakpoint:  @screen-tablet; 

更改爲：

// Point at which the navbar stops collapsing 
@grid-float-breakpoint:  992px; 

個

1. 重新編譯你的CSS文件（>>lessc less/bootstrap.less）文件或重新引導（grunt dist）

Answer 2

目前仍然在@screen-tablet和你投入@grid-float-breakpoint（992在這種情況下之間的大小尺寸收縮狀態drowpdowns問題）。

我認爲有一個錯誤，下拉媒體查詢不使用@grid-float-breakpoint，而是指@screen-xs-max而不是nabar.less文件。

如果您也覆蓋它，則會得到正確的下拉列表和折​​疊點。

而不是

.navbar-nav { 
    @media (max-width: @screen-xs-max) { 
     // Dropdowns get custom display when collapsed 
    .open .dropdown-menu { 
     position: static; 
     float: none; 
     width: auto; 
     margin-top: 0; 
     background-color: transparent; 
     border: 0; 
     box-shadow: none; 

     > li > a, 
     .dropdown-header { 
      padding: 5px 15px 5px 25px; 
     } 

     > li > a { 
      line-height: @line-height-computed; 

      &:hover, 
      &:focus { 
       background-image: none; 
      } 
     } 
    } 
} 
} 

使用

.navbar-nav { 
    @media (max-width: @grid-float-breakpoint) { 
     // Dropdowns get custom display when collapsed 
     .open .dropdown-menu { 
      position: static; 
      float: none; 
     width: auto; 
     margin-top: 0; 
     background-color: transparent; 
     border: 0; 
     box-shadow: none; 

     > li > a, 
     .dropdown-header { 
      padding: 5px 15px 5px 25px; 
     } 

     > li > a { 
      line-height: @line-height-computed; 

      &:hover, 
      &:focus { 
       background-image: none; 
      } 
     } 
    } 
} 
}