title: Dropdown in responsive bootstrap-navbar
body: <p>I use the (responsive) navbar from bootstrap. I'd like to prevent that my dropdown-menu pops up, if the browser-size is in "responsive"-mode (->smaller, so that the nav-btn appears). </p>
  
  <p>The problem: The menu takes to much room, when the subitems are listed. I couldn't find anything useful yet.</p>
  
  <p>Src:</p>
  
  <pre><code> &lt;div class="navbar navbar-fixed-top" align="right" style="border:1px solid #EFEFEF;"&gt; &lt;!--  --&gt;
    &lt;div class="navbar-inner"&gt;
      &lt;div class="containerr" align="center"&gt;
          &lt;button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
          &lt;span class="icon-bar"&gt;&lt;font size="+1" color="#FFA500"&gt;Menu&lt;/font&gt;&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
  
          &lt;/button&gt;     
  
        &lt;table width="100%" border="0" cellpadding="0" cellspacing="2"&gt;
         &lt;tr&gt;
          &lt;td align="left" valign="middle"&gt;&lt;a href="http://www.abc.com"&gt; &lt;img alt="" src="img/logo.jpg"/&gt;&lt;/a&gt;&lt;/td&gt;
          &lt;td align="left" valign="middle"&gt;&lt;div class="font-effect-3d-float obenrechts"&gt;Slogan&lt;/div&gt;&lt;/td&gt;
         &lt;/tr&gt;
        &lt;/table&gt;
  
        &lt;div class="nav-collapse"&gt;
  
          &lt;ul class="nav"&gt;
  
            &lt;li class="active"&gt;&lt;a href="home.html" target="mainframe" class="activator"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li class="divider-vertical"&gt;&lt;/li&gt;
  
            &lt;li class="dropdown" id="iddropdown"&gt;
              &lt;a href="service.html" class="dropdown-toggle activator" data-hover="dropdown" target="mainframe" id="idservice"&gt;
              Service &lt;/a&gt;
              &lt;ul class="dropdown-menu"&gt;
                &lt;li&gt;&lt;a target="mainframe" href="service.html#1" class="activator"&gt;Option 1&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a target="mainframe" href="service.html#2" class="activator"&gt;Option 2&lt;/a&gt;&lt;/li&gt; 
              &lt;/ul&gt;
            &lt;/li&gt;
  
           &lt;/tr&gt;
           &lt;/table&gt;
           &lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;   
         &lt;/div&gt;&lt;!-- /.nav-collapse --&gt;
        &lt;/div&gt;&lt;!-- /.container --&gt;
       &lt;/div&gt;&lt;!-- /.navbar-inner --&gt;
      &lt;/div&gt;&lt;!-- /.navbar --&gt;
  </code></pre>