html - 在 Bootstrap 选项卡中插入列

Question

我想在 Bootstrap 选项卡中插入 2 列。选项卡的 Bootstrap 代码取自 here .那么，我怎么能在“主页”选项卡中放置 2 列呢？

我试过:

<div class="tab-content col-sm-6">
    <div role="tabpanel" class="tab-pane active col-sm-6" style="width: 200px" id="home">
                Bla bla bla Bla bla bla Bla bla bla Bla bla bla
        <div class="row">
            <div class="col-sm-6">Column 2</div>
        </div>
    </div> 
    <!-- The other tabs (Profile, Messages, Settings) -->
</div>

Answer 1

在同一行中提供两列

 <div class="tab-content">
   <div role="tabpanel" class="tab-pane active" id="home">
      <div class="row">
          <div class="col-lg-6">Column 1</div>
          <div class="col-lg-6">Column 2</div>
       </div>
   </div>

   ... other tabs
 </div