부트 스트랩 3.0 @navbarCollapseWidth

Question

navbar-collapse min-width: 767px

내가이 부트 스트랩 3.0 @navbarCollapseWidth

찾을 수 없습니다 사용자 정의 페이지에서 max-width: 991px의 네비게이션 바 붕괴를 원하는 내 탐색은 767 너무 크고, 나는 그것을 원하는 일찍 붕괴.

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

변화 이와 :

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:  992px; 

개

1. 다시 컴파일하여 CSS 파일 (>>lessc less/bootstrap.less) 파일이나 부트 스트랩 (grunt dist)
을 다시

Answer 2

@screen-tablet 당신이이 경우에 @grid-float-breakpoint (992에 넣어 크기 사이의 크기 축소 모드에서 drowpdowns에 문제가 여전히있다).

드롭 다운 미디어 쿼리가 @grid-float-breakpoint을 사용하지 않고 대신 nabar.less 파일에 @screen-xs-max을 참조하는 버그가 있다고 생각합니다.

너무 무시하면 올바른 드롭 다운과 접기 지점을 얻을 수 있습니다. 대신

.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; 
      } 
     } 
    } 
} 
}