twitter-bootstrap - 您如何更改默认填充 Bootstrap 表单元格？

Question

Bootstrap 表单元格 (td, th) 的默认填充为 8px。将所有 Bootstrap 表的值更改为另一个值的好方法是什么？

Answer 1

我假设您正在谈论 Bootstrap 预定义表而不是网格系统。如果要更改所有 padding一个特定表上的元素，您可以在 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>

Here is the JS Fiddle here .还有其他一些方法可以做到这一点，例如使用 !important超越其他 CSS 类，但我不推荐它。