3

レスポンシブ ブートストラップ メニューを持っていますが、タブレット モードで折りたたみたくありません。デスクトップ モードとタブレット モードで同じメニューを表示しようとしています。940px以下でメニューが折りたたまれているので、768px以下でやりたいです。

誰でも私を助けることができますか？ありがとう

コード：

div class="navbar">
  <div class="navbar-inner">
    <div class="container">

      <!-- I want to display this code only in Phone mode-->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <a class="brand" href="#">Project name</a>

      <!-- This  part is hidden (collapsed) at 940px or less
           But I want to collapse it at 768px or less!!!!
      -->
      <div class="nav-collapse collapse">
           <!-- menu items -->
      </div>

    </div>
  </div>
</div>
4

2 に答える 2

4

これを行う最善の方法は、LESSを使用して再コンパイルし、@navbarCollapseWidth 変数を 979px から 768px に変更することです。LESS を使用したくない場合は、Bootstrap サイトの Customize ページを使用してその変数を変更できます: http://twitter.github.com/bootstrap/customize.html

于 2013-01-29T20:47:34.313 に答える