jquery - 如何使用 Bootstrap 创建无边框表格

Question

我只是想轻松对齐一些文本和跨度。所以我做了一个表格，想着我可以告诉代码不要画任何线。

这是我的示例表:

        <table class="table">
          <tbody id="checkbox_list">
        <tr  style='border:none' >
          <td  style='border:none' > Something <td>
          <td  style='border:none' > <span class="label label-default" style="background-color:#000000;width:35px;height:20px;display:inline-block;"><td>
        </tr>
        <tr  style='border:none' >
          <td  style='border:none' > Something <td>
          <td  style='border:none' > <span class="label label-default" style="background-color:#000000;width:35px;height:20px;display:inline-block;"><td>
        </tr>           
          </tbody>
        </table>

这是我看到的

除了黑框，我还能去掉那些讨厌的线条吗？

Answer 1

正确关闭td。使用以下 CSS 来解决您的问题。

.table tr, .table td {
    border: none;
}