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);

当我删除导入 Buefy 时应该是什么：

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

score 1 · Accepted Answer

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

您可以尝试将 LESS 与 Bootstrap 一起使用以避免冲突，但我觉得这过于复杂，您应该只使用其中一个，知道有一个Bootstrap-Vue端口并且Bulma（Buefy也）做与您完全相同的事情可以做Bootstrap

1 回答 1