澄清一下 - 我不是想用自定义 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。
确保包含<tbody>标签！