vue.js是否可以导入元素-UI和Boostrap

Question

我已经导入了元素-UI组件，但是我可能需要一些常见的样式，例如reset.css和boostrap中的其他样式。

他们都可以在一个项目中退出而不是冲突吗？

Answer 1

不，你不能。在大多数情况下，Element-UI通过类更改样式，但是Bootstrap通过类和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;
}

在element-ui中，有一个 reset.css这样定义：

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

因此，您不能在一个没有冲突的项目中同时使用Bootstrap和Element-UI。