如何在两个引导表行之间添加空间?
我需要某种方式:
---------
| A B |
---------
---------
| C D |
---------
---------
| E F |
---------
参见代码:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" />
<table class="table table-dark">
<tbody>
<tr>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
</tr>
</tbody>
</table>
样式
border-collapse: separate;
和border-spacing:0 20px;
当我在表中添加类table-bordered
时,它将起作用 我会在不需要的两列之间得到一条线!