title: Grid columns spanning full width inside Bootstrap 3 tab-pane
body: <p>I can't seem to get this to work - my columns go full width. 
  <a href="http://jsfiddle.net/hamiltont/o9rd4j1k/" rel="nofollow">Here's a JSfiddle for direct use</a></p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  &lt;div class="panel panel-default"&gt;
    &lt;div class="panel-body"&gt;
  
      &lt;!-- Nav tabs --&gt;
      &lt;ul class="nav nav-tabs" role="tablist"&gt;
          &lt;li&gt;
            &lt;a href="#p1" class="btn btn-primary" role="tab" data-toggle="tab"&gt;
                &lt;span class="glyphicon glyphicon-cloud"&gt;&lt;/span&gt;
            &lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="#p2" class="btn btn-primary" role="tab" data-toggle="tab"&gt;
                &lt;span class="glyphicon glyphicon-cloud"&gt;&lt;/span&gt;
            &lt;/a&gt;
          &lt;/li&gt;        
      &lt;/ul&gt;
  
      &lt;!-- Tab panes --&gt;
      &lt;div class="tab-content"&gt;
  
        &lt;!--Open Panel Controls--&gt;
        &lt;div class="tab-pane active" id="p1"&gt;
            &lt;!-- HERE IS THE PROBLEM AREA - I want a grid here, but no luck :-/ --&gt;
            &lt;div class="row"&gt;
                &lt;div class="column-md-4" style="background: green;"&gt;
                    This is my first column
                &lt;/div&gt; &lt;!-- /col emulator--&gt;
                &lt;div class="column-md-1"&gt;
                These are buttons
                &lt;/div&gt;
            &lt;/div&gt; &lt;!--/row--&gt;
        &lt;/div&gt;
  
        &lt;div class="tab-pane" id="p2"&gt;
            &lt;div class="row"&gt;
                &lt;div class="column-md-4" style="background: red;"&gt;
                    This is my first column, page 2
                &lt;/div&gt; &lt;!-- /col emulator--&gt;
                &lt;div class="column-md-1"&gt;
                These are buttons, page 2
                &lt;/div&gt;
            &lt;/div&gt; &lt;!--/row--&gt;
        &lt;/div&gt;
  
        &lt;/div&gt; &lt;!-- /tab-content --&gt;
  
      &lt;/div&gt; &lt;!-- /panel-body --&gt;
      &lt;/div&gt; &lt;!-- /panel&gt;
  &lt;/div&gt; &lt;!-- /container-fluid --&gt;
  
  
      &lt;script src="/scripts/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>