2014-07-16 3 views
2

축소되었을 때 Navbar가 반응하지 않으며 펼치지 않습니다. 부트 스트랩 Navbar가 Tumblr에서 제대로 접히지 않았습니까?

http://whitneymisch.tumblr.com

나는 여기에, jQuery를 호출 코드 :

{block:HasPages} 
<nav class="navbar navbar-inverse" role="navigation"> 
    <div class="container-fluid"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
     </div> 

     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
      {block:Pages} 

      <li> 
       <a href="{URL}" class="page">{Label}</a> 
      </li> 

      {/block:Pages} 
      </ul> 
     </div> 
    </div> 
</nav> 

{/block:HasPages} 
+1

어둠 속에서 찌르기의 비트가 있지만 bootstrap.js 기능을 포함 할 필요가 없습니까? 나는 당신이 그것에 연결해야한다고 생각합니다. 다른 하나는 테스트를 위해 평평한 html 파일에서 작업을 시작한 다음 tumblr에 이식하려고 시도하는 것입니다. – lharby

+1

@lharby가 맞습니다. 소스를 찾거나'bootstrap.js' 또는'bootstrap.min.js'를 찾을 수 없다면, 그 중 하나를 포함 시키거나 원하는 경우'bootstrap-dropdown.js'를 포함시켜야합니다 몇 바이트를 절약 할 수 있습니다. –

답변

1

내가 로컬을 시도하고 CDN에서 부트 스트랩 JS를 추가하고 완벽하게 일했다.

bootstrap.js 만 포함하면 정상적으로 작동합니다.

+0

그걸 고쳤습니다. 모두에게 감사드립니다! –

+0

하지만 왜 그렇게되는지 이해할 수 없습니까? – neophyte

관련 문제