<p dir="auto">When there is enough content in the tab pane to go past the bottom of the tabs the content will wrap to the left under the tabs. I'd expect the content to continue to be indented the same amount rather than wrapping under. (IE9, Chrome16)</p>
<p dir="auto">It seems floating the tab-pane left solves the issue but I'm no CSS guru so I don't know if this is a robust fix.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;tabbable tabs-left&quot;&gt;
  &lt;ul class=&quot;nav nav-tabs&quot;&gt;
    &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#1&quot; data-toggle=&quot;tab&quot;&gt;First pane&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;#2&quot; data-toggle=&quot;tab&quot;&gt;Second pane&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class=&quot;tab-content&quot;&gt;
    &lt;div class=&quot;tab-pane active&quot; id=&quot;1&quot;&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content     
    &lt;/div&gt;
    &lt;div class=&quot;tab-pane&quot; id=&quot;2&quot;&gt;
    pane 2
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="tabbable tabs-left"&gt;
  &lt;ul class="nav nav-tabs"&gt;
    &lt;li class="active"&gt;&lt;a href="#1" data-toggle="tab"&gt;First pane&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#2" data-toggle="tab"&gt;Second pane&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="tab-content"&gt;
    &lt;div class="tab-pane active" id="1"&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content&lt;br /&gt;
         Lots of content     
    &lt;/div&gt;
    &lt;div class="tab-pane" id="2"&gt;
    pane 2
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre></div>
<p dir="auto">When a page is narrow enough for the responsive navbar to kick in and you click on it and select a menu item the navbar just sits there until you click on the navbar button again to close it.  This is frustrating for users as it's not how these things normally work everywhere else.</p>