Bootsrap navbar 전체 화면을 만드는 방법

바로 지금 내 탐색 모음 CSS를 편집하여 항상 축소 된 상태로 유지합니다. 내 문제는 너무 많은 링크를 추가 할 때 중도에서 떨어지는 동안 중간 정도의 간격을 둡니다. 추가 검사를 통해 브라우저 창을 아래로 내리면 실제로 페이지 중간의 스크롤바 navbar에 접히는 것을 보았습니다. 그래서 본질적으로 당신은 그것을 끝내 버립니다. 나는 그것이 붕괴되지 않도록 어떤 설정을해야 할지를 놓치고있다. 무엇이든, 전체 화면으로 전환하고 싶습니다. 드롭 다운하면 전체 페이지 만 차지합니다.Bootsrap navbar 전체 화면을 만드는 방법

@media (max-width: 2500px) { 
.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-collapse.collapse.in { 
    display: block!important; 
} 
.navbar-nav { 
    float: none!important; 
    margin: 7.5px px; 
} 
.navbar-nav>li { 
    float: none; 
} 
.navbar-nav>li>a { 
    padding-top: 10px; 
    padding-bottom: 10px; 
} 
}

내 네비게이션 바 부분 코드 : 나는 대답을 주위를 검색했지만 어느 곳을 찾을 수 없습니다

<nav class="navbar navbar-inverse navbar-fixed-top"> 

<div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
      <label class="navbar-brand" style="font-weight: normal" data-toggle="collapse" data-target=".navbar-collapse">Advising Center 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span></label> 


    </div> 
    <div class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav"> 
      <%= render 'layouts/navigation_links' %> 
     </ul> 
     <div class="navbar-header navbar-right"> 
    <p class="navbar-text"> 
    <ul><%[email protected]%></ul> 

    </p> 
</div> 
    </div> 
</div> 
</nav>

여기에 CSS 재정의 코드입니다. 도와 줘서 고마워!

출처

2014-04-22 pirate694

는 부트 스트랩이 설정하는 최대 폭을 재정의해야 스크롤을 중지하려면

.navbar-collapse { 
    max-height: none; 
}

Demo

출처

2014-04-23 00:21:31 davidpauljunior

아름다운! 우연히도 Ill가 Navbar를 확장 한 다음 창을 크랭크 한 다음 다시 크기를 조정하면 Navbar를 닫으려고 할 때 모든 것이 뒤죽박죽이되어 철회하지 않고 모두 왜곡 될 때 문제가있는 것 같습니다. – pirate694

내가 준 링크에서 그런 일이 일어 났습니까? 비슷한 문제를 재현 할 수 없습니까? – davidpauljunior

아니요, CSS 상단의 CSS 블록에서 최대 너비 속성을 재설정 한 후에 발생한 문제입니다. 나는 그 무엇인가 명백하지 않은지 명확하지 않다. 실종되었다. – pirate694

Bootsrap navbar 전체 화면을 만드는 방법

답변

관련 문제