<p dir="auto">I'm trying to create a panel with three tabs.<br>
I have a strange problem, if I add the "col-xs-12 col-sm-12 col-md-8 col-lg-6" classes the panel background won't match the form height,</p>
<p dir="auto"><a href="http://jsfiddle.net/YXuNr/15/" rel="nofollow">http://jsfiddle.net/YXuNr/15/</a><br>
not growing</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/1990816/3410441/25955f16-fde7-11e3-8398-105a5a108c34.png"><img src="https://cloud.githubusercontent.com/assets/1990816/3410441/25955f16-fde7-11e3-8398-105a5a108c34.png" alt="screen shot 2014-06-27 at 11 39 53" style="max-width: 100%;"></a></p>
<p dir="auto">while it's perfectly fine if I remove the responsive classes</p>
<p dir="auto"><a href="http://jsfiddle.net/YXuNr/16/" rel="nofollow">http://jsfiddle.net/YXuNr/16/</a></p>
<p dir="auto">growing correctly</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/1990816/3410442/2aafd6ac-fde7-11e3-9542-525122ac330d.png"><img src="https://cloud.githubusercontent.com/assets/1990816/3410442/2aafd6ac-fde7-11e3-9542-525122ac330d.png" alt="screen shot 2014-06-27 at 11 40 10" style="max-width: 100%;"></a></p>
<p dir="auto">I've checked the html and apparently it's all good, I wouldn't like to force a min-height on these panels, do you have any idea how to fix this? (I've also tried to assign a background and removing the alert alert-info from the tab-pane, but it won't grow anyway.</p>
<p dir="auto">I cannot close alerts on a iPhone 4S.</p>
<p dir="auto">An example can be duplicated on <a href="http://twitter.github.com/bootstrap/components#alerts">http://twitter.github.com/bootstrap/components#alerts</a></p>