2016-11-24 27 views
0

是否可以使用邊距在引導程序v4中的條帶表中分隔每行。我希望每行都有一點間隔,以便更具可讀性。是否可以在靴子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> 
+0

我曾嘗試。表TR { 邊距:10px的; } – andre

+0

發生了什麼? '.table tr th,.table tr td {padding-bottom:10px; }達到理想的結果? – connexo

+0

填充不會在每一行之間提供空隙。 – andre

回答

0

表格行沒有邊距值。您可以考慮使用填充值td

參考:

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

我期望的目標是每行之間的差距。不只是空間沒有差距。 – andre

+0

你能否分享一下你試圖實現的截圖。 – Swapna

相關問題