Bootstrap的规范化覆盖Boostrap.min.css

问题描述 投票:0回答:1

为了澄清-我不尝试使用自定义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。

css twitter-bootstrap vue.js twitter-bootstrap-3
1个回答
0
投票

确保包含<tbody>标签!

© www.soinside.com 2019 - 2024. All rights reserved.