Я использую Bootstrap 4 и Buefy в своем простом веб-проекте Vue.js. Когда я импортирую 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 привел к этой проблеме:
Buefy основан на базовом CSS-фреймворке Bulma, который в некоторых моментах конфликтует с Bootstrap, поскольку подразумевает глобальные стили и имена классов, которые может быть таким же.
Вы можете попробовать использовать LESS с Bootstrap, чтобы избежать конфликтов, но я чувствую, что это слишком сложно, и вам следует просто придерживаться одного или другого, зная, что существует Bootstrap-Vue порт и этот Bulma (тогда также Buefy) делают то же самое, что и вы можете делать с Bootstrap
