0

我正在测试 twitter bootstrap 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')

有什么遗漏吗？我该如何解决？

谢谢，

4

1 回答 1

3

这应该有效。似乎响应式样式表没有加载。路径可能不正确。如果所有引导样式表都在同一个文件夹中（正如我想象的那样），那么该行可能应该是：

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

代替：

link(rel='stylesheet', href='/stylesheets/bootstrap-responsive.min.css')
于 2012-10-19T01:07:31.313 回答