是否可以在bootsrap V4条纹表

Question

是否可以在bootstrap v4中的条带表中使用边距分隔每一行。我希望每行间隔一点以便更具可读性。

<table class="table table-striped">
<thead>
 <tr>
  <th>#</th>
  <th>First Name</th>
  <th>Last Name</th>
  <th>Username</th>
</tr>
</thead>
<tbody>
<tr>
  <th scope="row">1</th>
  <td>Mark</td>
  <td>Otto</td>
  <td>@mdo</td>
</tr>
<tr>
  <th scope="row">2</th>
  <td>Jacob</td>
  <td>Thornton</td>
  <td>@fat</td>
</tr>
<tr>
  <th scope="row">3</th>
  <td>Larry</td>
  <td>the Bird</td>
  <td>@twitter</td>
</tr>
</tbody>
</table>

Answer 1

表行没有边距值。您可以考虑使用填充值td。

供参考：

.table td{
  padding-bottom: 10px;
}