Bootstrap Normalize 覆盖 Bootstrap.min.css

Question

澄清一下 - 我不是想用自定义 css 覆盖 Bootstrap 样式。

我正在将一些使用表格的网页转换为 Vue 框架。我注意到本地主机上的 Vue 版本中的表格样式（我使用的是 Bootstrap 3.4.1）缺少我要从中迁移的非 Vue 版本中存在的 8px 填充。

在devtools中，非Vue版本有

.table > thead > tr > th, .table > tbody > tr > th, 
.table > tfoot > tr > th, .table > thead > tr > td, 
.table > tbody > tr > td, .table > tfoot > tr > td { padding:8px

而在新的 Vue 版本中，我看到了 td, th { padding:0px。 （这也出现在非 Vue 版本中，但带有删除线）。

前者似乎来自 bootstrap.min.css，后者来自 Bootstrap 的 node_modules 文件夹中的 normalize.less。 （我使用了npm）在我的main.js 文件中，我有（按此顺序）

import "bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
import "@/css/bootstrap-theme.css";

我没有导入任何形式的normalize.css

如何指定我想要 tables.less 样式而不是 normalize 样式？

编辑：让我更加困惑的是，我在同一个项目中有其他网页存在表格并且正在根据需要进行格式化，所以我知道我正在正确导入 Bootstrap。

Answer 1

确保包含<tbody> 标签！