在引导程序中连续显示两个表

Question

如何在 bootstrap 中连续添加两个表？

如图所示

Answer 1

这是小提琴：http://jsfiddle.net/Lpcu3so6/4/

您可以在引导程序中使用类row，然后将页面划分为：

<div class="row">
    <div class="col-md-6">
       <!--table1 -->
    </div>
    <div class="col-md-6">
       <!--table2 -->
    </div>
</div>

这将给你两个div，两个占据相等的空间。这是根据Bootstrap's Grid View System

您还可以尝试一件事：设计两个表并将它们两个浮动，如下所示：

<div>
  <table style="float: left">
    <tr>
      <td>..</td>
    </tr>
  </table>
  <table style="float: left">
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>

或只是使用css：

div>table {
  float: left
}