트위터 부트 스트랩 navbar가 작은 화면에 반응하지 않습니다

Question

나는 반응 형 기능을보기 위해 트위터 부트 스트랩 2를 테스트하고 있습니다. 하지만 소형 장치에서는 작동하지 않습니다. 여기

div.navbar.navbar-fixed-top 
    div.navbar-inner 
    div.container-fluid 
     a.brand(href="#") WOWITO 
     div.nav-collapse 
     ul.nav 
     li.active 
     a(href='/getpassword', data-transition='fade', data-role='button', data-theme='a') Forgot Password? 
     div.btn-group.pull-right 
     a.btn.dropdown-toggle(href="#",data-toggle="dropdown") 
     i.icon-user 
     Font Size 
     span.caret 
     ul.dropdown-menu 
     li 
      a#fs_med medium 
     li 
      a#fs_lrg large 
     li 
      a#fs_xlrg xlarge 

내 레이아웃 코드입니다 :

meta(name='viewport', content="width=device-width, initial-scale=1.0") 
    link(rel='stylesheet', href='/bootstrap/css/bootstrap.min.css') 
    style(type="text/css") 
     body { 
     padding-top: 60px; 
     padding-bottom: 40px; 
     } 
     .sidebar-nav { 
     padding: 9px 0; 
     } 
    link(rel='stylesheet', href='/stylesheets/bootstrap-responsive.min.css') 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    script(type='text/javascript', src='/javascripts/jquery.min.js') 
    script(type='text/javascript', src='/bootstrap/js/bootstrap.min.js') 

뭔가가 놓친 여기 내 메뉴 바 옥 템플릿 코드는? 어떻게 해결할 수 있습니까?

감사합니다.

Answer 1

이것은 작동합니다. 응답 성있는 스타일 시트가로드되지 않는 것처럼 보입니다. 경로가 올바르지 않습니다. 모든 부트 스트랩 스타일 시트가 같은 폴더 (내가 상상하는 것처럼)에있는 경우, 다음 아마 행은 다음과 같습니다

link(rel='stylesheet', href='/bootstrap/css/bootstrap-responsive.min.css') 

대신 :

link(rel='stylesheet', href='/stylesheets/bootstrap-responsive.min.css')