부트 스트랩 Navbar가 제대로 접히지 않음

문제 : Navbar STARTS가 열린 상태입니다. 축소되면 링크가 계속 표시되며 배경 만 접힙니 다. 내가 전환을 사용하고 있는지 확인하고 거기에 모든 부트 스트랩 자바 스크립트, 부트 스트랩 CSS 및 일부 내 자신의 스타일링 위에 있지만, navbar에 영향을 미칠 것이라고 생각 아무것도. 부트 스트랩 Navbar가 제대로 접히지 않음

What it looks like default

What it looks likes closed

내 코드 : 당신의 도움에 대한

<body> 
<!--Navbar --> 
<div class="contactUs"> 
    <p> 
     <span class="glyphicon glyphicon-phone-alt"></span>&nbsp;00000000 
    </p> 
</div> 
<!-- logo --> 

<!-- end logo --> 
<!-- Static navbar --> 
<div class="navbar navbar-default navbar-static-top" role="navigation"> 
    <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> 
      <a class="navbar-brand main-logo pull-left" href="index.html">SX Storage Essex Benfleet</a> 
     </div> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li> 
        <a href="#selfStorage">Self Storage</a> 
       </li> 
       <li> 
        <a href="#businessStorage">Business Storage</a> 
       </li> 
       <li> 
        <a href="#">Prices</a> 
       </li> 
       <li> 
        <a href="#">Packaging </a> 
       </li> 
       <li> 
        <a href="#">Contact Us</a> 
       </li> 
      </ul> 
     </div> 
     <!--/.nav-collapse --> 
    </div> 
</div> 

<!-- End navbar -->

출처

2014-03-01 Lauren

위의 붙여 넣은 코드는 아무런 문제가 없습니다. 문제는 작성한 추가 CSS 때문일 수 있습니다. – Morven

[bootply] (http://www.bootply.com/117918)에서 HTML이 정상적으로 작동하는 것 같습니다. 실수로 CSS 규칙을 덮어 썼을 가능성이 있습니까? – mutil

덕분에, 무언가가 부트 스트랩 CSS에서 누락되었습니다. 방금 CDN을 포함 시켰습니다. 어떻게 된 일인지 잘 모르겠지만, 부트 스트랩 CSS를 만지지는 않습니다 - 나는 좀비 모드의 늦은 밤 키보드 매싱에 대해 설명 할 것입니다.

출처

2014-03-01 19:25:41 Lauren

부트 스트랩 Navbar가 제대로 접히지 않음

답변

관련 문제