Twitter bootstrap导航栏不响应小屏幕

我正在测试twitter引导程序2以查看响应功能。但是我无法使它在小型设备上工作。这是我的导航栏玉模板代码：Twitter bootstrap导航栏不响应小屏幕

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

是否有错过了什么？我该如何解决它？

谢谢，

来源

2012-05-20 Feras Odeh

是否在所有的工作，即使你调整屏幕有点？你看到任何响应？ – Jako

不，我在firebug中看不到任何来自responsive.css的类 –

这应该工作。看起来好像响应式样式表没有加载。路径可能不正确。如果所有的自举样式表在同一文件夹（如我所想象的），那么很可能行应该是：

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

代替：

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

来源

2012-10-19 01:07:31 manishie

Twitter bootstrap导航栏不响应小屏幕

回答

相关问题