title: Bootstrap Responsive Navbar collapsed only on Phone Mode (No Tablet Mode)
body: <p>I have a responsive bootstrap menu, but I don`t want to collaspe it in tablet mode. I try to dysplay the same Menu in desktop and tablet mode.
  the menu is collapsed at 940px or less, I want to do it at 768px or less.</p>
  
  <p>Can anyone help me? Thanks</p>
  
  <p>The code:</p>
  
  <pre><code>div class="navbar"&gt;
    &lt;div class="navbar-inner"&gt;
      &lt;div class="container"&gt;
  
        &lt;!-- I want to display this code only in Phone mode--&gt;
        &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;/a&gt;
  
        &lt;a class="brand" href="#"&gt;Project name&lt;/a&gt;
  
        &lt;!-- This  part is hidden (collapsed) at 940px or less
             But I want to collapse it at 768px or less!!!!
        --&gt;
        &lt;div class="nav-collapse collapse"&gt;
             &lt;!-- menu items --&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>