嗨。我如何创建像这样的引导边界表

Question

---

| col1 | col2 | | col3 |

---

| val1 | val2 | | val3 |

---

我只能使用引导程序。我不能使用任何自定义样式。我尝试这样，但不起作用。

<table class="table table-bordered">
    <thead>
        <tr class="row">
             <td class="col-md-1">col1</td>
             <td class="col-md-1">col2</td>
             <td class="col-md-9"></td>
             <td class="col-md-1">col3</td>
        </tr>
   </thead>
   <tbody>
        <tr class="row">
             <td class="col-md-1">val1</td>
             <td class="col-md-1">val2</td>
             <td class="col-md-9"></td>
             <td class="col-md-1">val3</td>
        </tr>
   </tbody>
</table>

Answer 1

引导程序4

<table class="table table-bordered">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>


  </tbody>
</table>

引导程序3

<table class="table table-bordered">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>[email protected]</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>[email protected]</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>[email protected]</td>
      </tr>
    </tbody>
  </table>

检查您用于引导的版本。如果以上任何代码都不起作用，请检查是否正确导入了引导程序。