javascript - 为什么将 Buefy 导入我的 Vuejs 元素会使

Question

我在我的 webpack-simple Vue.js 元素中使用 Bootstrap 4 和 Buefy。当我像在文档中一样导入 Buefy 时，我的标签没有放大文本，Bootstrap 4 中的导航栏显示错误的宽度。

我的 main.js 文件看起来像这样

import Vue from 'vue';
import "bootstrap/dist/css/bootstrap.min.css";
import 'buefy/dist/buefy.css';
import Buefy from 'buefy';
Vue.use(Buefy);

当我删除 import Buefy 时应该是什么:

但是将 Buefy 导入我的 main.js 会导致这个问题:

Answer 1

Buefy 基于底层 Bulma CSS 框架在某些方面与 Bootstrap 冲突，因为它们暗示全局样式和类名可能相同。

您可以尝试将 LESS 与 Bootstrap 一起使用以避免冲突，但我觉得这太复杂了，您应该只使用一个或另一个，知道有一个 Bootstrap-Vue port 和那个 Bulma(Buefy 然后)做的事情和你用 Bootstrap

做的完全一样