0

レスポンシブ機能を確認するために、Twitterブートストラップ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 に答える