澄清一下-我不是想用自定义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。
答案 0 :(得分:0)
确保您包含一个<tbody>
标签!