如何更改Bootstrap表格单元格的默认填充？

Question

Bootstrap表格单元格（td、th）的默认填充值为8px。有什么好的方法可以将所有Bootstrap表格的填充值更改为其他值？

- readonly

---

你是在问CSS样式会是什么，还是要在哪里应用它？ - isherwood

Answer 1

我假设你所说的是Bootstrap预定义的表格而不是网格系统。如果你想在一个特定的表格上改变所有的填充元素，你可以在你的html中这样做：

编辑：我更改了代码，因为其他代码没有起作用。

尝试这个CSS：

.mytable>tbody>tr>td, .mytable>tbody>tr>th, .mytable>tfoot>tr>td, .mytable>tfoot>tr>th, .mytable>thead>tr>td, .mytable>thead>tr>th {
    padding: 12px;
}

将此类添加到您的表格中。

<table class="table mytable">
   table data here...
</table>

这里是 JS Fiddle。还有一些其他的方法可以实现此效果，比如使用 !important 来覆盖其他 CSS 类，但我不建议这样做。

- crazymatt