반응 형 탐색 표시 줄이 올바르게 작동하지 않습니다.

반응 형 탐색 표시 줄/머리글이 제대로 작동하는지 확인하려고합니다. 하지만 모바일 크기의 화면에서 아이콘을 클릭하면 메뉴가 표시되지 않습니다. 사용반응 형 탐색 표시 줄이 올바르게 작동하지 않습니다.

<!-- HEADER/NAVBAR --> 
<nav class="navbar navbar-default" role="navigation"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-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" href="#"><img src="Images\O3_square_mid.gif"></a> 
    </div> 

    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> 
     <ul class="nav navbar-nav"> 
     <li class="active"> 
      <a href="#">Analysstatus</a> 
     </li> 
     <li> 
      <a href="#">Aktiva kunder</a> 
     </li> 
     </ul> 
    </nav> 
    </nav> 
    <!--HEADER/NAVBAR -->

유일한 자바 스크립트 메신저
SRC = "부트 스트랩입니다 : http://getbootstrap.com/components/#navbar

을 그리고 여기 내 코드입니다 :

내가 같이 얼마쯤 네비게이션 바에을하고 싶은, 조금 더 잘 설명하기 -3.0.0/dist/js/bootstrap.min.js "

내가 jquery를 필요로하는지 확신 할 수는 없지만 ive가 시도했는지 여부는 확실하지만 아무 일도 일어나지 않습니다.

출처

2013-10-29 Jacco

부트 스트랩의 모든 Javascript 플러그인은 JQuery가 작동하도록 요구합니다. [Bootstrap Docs] (http://getbootstrap.com/getting-started/) JQuery에 대한 링크가 포함 된 시작 템플릿으로 시작하는 것이 도움이된다는 것을 발견했습니다. [부트 스트랩 템플릿] (http://getbootstrap.com/getting-started/#template) 도움이 되길 바랍니다! – Nathan

고마워요,하지만 이미 사용한 템플릿과 함께 jQuery를 사용하거나 사용하지 않고 시도했지만, 페이지를 영원히로드하는 경우에도 jQuery가 필요합니다. – Jacco

당신 은요? 파일을 인라인하거나 호스트 된 저장소에 링크하는 것을 포함합니까? Jquery가로드 시간을 너무 많이 줄여서는 안됩니다. 파일의 .min 버전을 가져 가고 있습니까? – Nathan

변경 토글 버튼 :

<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>

가 문서를 대상으로 navbar-ex1-collapse를 참조하지만, 이것은 문서에 대해서만 적합하다. 답변으로 내 의견을 추가 http://bootply.com/90771

출처

2013-10-29 17:08:42 ZimSystem

이것도 시도해 봤는데, 의도 한대로 작동하지 않아. 문제는 여전히 동일합니다. 화면을 작게 만들거나 작은 화면의 장치에서 볼 때 메뉴에 붕괴되는 버튼이 표시되지만 아무 것도 클릭하지 않으면 ... – Jacco

코드가 작동하지 않는다고 말하고 있습니까? 또는 Bootply가 작은 화면에서 작동하지 않습니까? 또한 어떤 브라우저/장치를 사용하고 있습니까? – ZimSystem

는

데모
레일 또는 플러그인 및 종속성을로드 다른 프레임 워크를 사용하여 문제가 프로젝트의 의존성 해결하지 있는지 확인합니다. 플러그인 의존성에 부트 스트랩을 포함시킵니다. 예를 들어, Ruby에서 다음을 설치하려고합니다.

gem install twitter-bootstrap-rails

이렇게하면 부트 스트랩이 예상대로 작동합니다.

출처

2013-10-29 20:16:25 Nathan

반응 형 탐색 표시 줄이 올바르게 작동하지 않습니다.

답변

관련 문제