使用bootstrap在html中将两个表放在一起

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.5.3/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>

<div class="container">
  <div class="row">
    <div class="col-md-6">
      <table class="table">
        <thead>
          <tr>
            <th>表1表头1</th>
            <th>表1表头2</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>表1内容1</td>
            <td>表1内容2</td>
          </tr>
          <tr>
            <td>表1内容3</td>
            <td>表1内容4</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col-md-6">
      <table class="table">
        <thead>
          <tr>
            <th>表2表头1</th>
            <th>表2表头2</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>表2内容1</td>
            <td>表2内容2</td>
          </tr>
          <tr>
            <td>表2内容3</td>
            <td>表2内容4</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>