如何更改默认填充引导表单元格？

Question

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

Answer 1

我假设您正在讨论引导程序预定义表而不是网格系统.如果要更改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>

这里是JS小提琴.还有其他一些方法可以做到这一点,比如使用它!important来覆盖其他CSS类,但我不推荐它.