Vue.js 不能导入 element-ui 和 Bootstrap 吗？

Question

我已经导入了 element-ui 组件，但我可能需要一些常用样式，例如 reset.css 和 Boostrap 中的其他样式。

能不能同时退出一个项目，不冲突？

Answer 1

不，你不能。大多数情况下，element-ui是用class改变样式，但是Bootstrap是用class和HTML标签改变样式，这是冲突的。

例如，您可以在Bootstrap中找到以下代码：

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

元素-ui中有一个reset.css定义如下：

h1,h2,h3,h4,h5,h6 {
    color:#1f2d3d;
    font-weight:inherit
}

所以你不能在一个项目中同时使用Bootstrap和element-ui而不冲突。

Does Vue.js can import element-ui and Boostrap?