css - Twitter Bootstrap 导航栏不响应小屏幕

Question

我正在测试 twitter bootstrap 2 以查看其中的响应功能。但我无法让它在小型设备上运行。这是我的导航栏 jade 模板代码:

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

这应该有效。好像响应式样式表没有加载。路径可能不正确。如果所有 Bootstrap 样式表都在同一个文件夹中(如我所想)，那么该行可能应该是:

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

代替:

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