title: Insert columns in a bootstrap tab
body: <p>I want to insert 2 columns in a bootstrap tab. The bootstrap code for the tabs is taken from <a href="https://bootsnipp.com/snippets/featured/material-design-tab-style" rel="nofollow noreferrer">here</a>. So, how could I put 2 columns in the tab "Home"? </p>
  
  <p>I tried:</p>
  
  <pre><code>&lt;div class="tab-content col-sm-6"&gt;
      &lt;div role="tabpanel" class="tab-pane active col-sm-6" style="width: 200px" id="home"&gt;
                  Bla bla bla Bla bla bla Bla bla bla Bla bla bla
          &lt;div class="row"&gt;
              &lt;div class="col-sm-6"&gt;Column 2&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt; 
      &lt;!-- The other tabs (Profile, Messages, Settings) --&gt;
  &lt;/div&gt;
  </code></pre>