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

时间:2019-11-22 17:49:44

标签: css twitter-bootstrap vue.js twitter-bootstrap-3

澄清一下-我不是想用自定义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。

1 个答案:

答案 0 :(得分:0)

确保您包含一个<tbody>标签!