css - 将两张 table 放在一起

Question

我希望我的表 参加学期 位于成绩 表 的左侧。我怎样才能做到这一点？我是 html 和 css 的新手。有人可以给我提供实现此目标的线索吗？

这是我的代码。

         <div class="table-responsive">
         <table  class="table table-bordered">
            <thead>
            <tr>
              <th>Semester Attended</th>
            </tr>
            </thead>
            <tbody>
            <tr>
            <td>
            <aside></aside>
            </td>
            </tr>
            </tbody>
            </table>
         </div>


        <div class="table-responsive">
       <div id="gradetable">

       </div>
</div>

Answer 1

由于您使用的是 Bootstrap - 只需使用网格系统即可。
创建新行，添加到列 (.col-X-6)，并在每一列的单元格内放置一个表格。

类似的东西:

<div class="row">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    <div class="table-responsive">
      <table  class="table table-bordered">
        <thead>
          <tr>
            <th>Semester Attended</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <aside></aside>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    <div class="table-responsive">
      <div id="gradetable">
      </div>
    </div>
  </div>
</div>