VueJS Импортировать только используемые стили из bootstrap - PullRequest
Новая
       26

VueJS Импортировать только используемые стили из bootstrap

0 голосов
/ 28 мая 2020

Я использую npm bootstrap и импортирую только классы, которые я использовал для своего проекта в custom.s css

@import '~bootstrap/scss/functions.scss';
@import '~bootstrap/scss/variables.scss';
@import "~bootstrap/scss/mixins";
@import '~bootstrap/scss/transitions.scss';
@import '~bootstrap/scss/nav.scss';
@import '~bootstrap/scss/navbar.scss';
@import '~bootstrap/scss/buttons.scss';
@import '~bootstrap/scss/forms.scss';
@import '~bootstrap/scss/images.scss';
@import '~bootstrap/scss/bootstrap-grid.scss';
@import '~bootstrap/scss/type.scss';
@import '~bootstrap/scss/media.scss';
@import "~bootstrap/scss/dropdown.scss";
@import "~bootstrap/scss/reboot.scss";

@import "~bootstrap/scss/utilities/spacing.scss";
@import "~bootstrap/scss/utilities/text.scss";
@import "~bootstrap/scss/utilities/background.scss";
@import "~bootstrap/scss/utilities/position.scss";
@import "~bootstrap/scss/utilities/sizing.scss";
@import "~bootstrap/scss/utilities/spacing.scss";
@import "~bootstrap/scss/utilities/borders.scss";
@import "~bootstrap/scss/utilities/float.scss";

@import "~bootstrap/scss/mixins/transition.scss";

, однако коллапс панели навигации больше не работает. какой недостающий файл мне нужно импортировать? любая помощь будет оценена

Изменить: добавлены все bootstrap и все еще не работает 

@import '~bootstrap/scss/bootstrap.scss';

1 Ответ

0 голосов
/ 28 мая 2020
Папка

отредактирована

Bootstrap JS находится в таком каталоге. Вы будете использовать оператор @import, чтобы использовать его в своем файле s css. 

bootstrap/
└── dist/
    ├── scss/
    └── js/
        ├── bootstrap.bundle.js
        ├── bootstrap.bundle.js.map
        ├── bootstrap.bundle.min.js
        ├── bootstrap.bundle.min.js.map
        ├── bootstrap.js
        ├── bootstrap.js.map
        ├── bootstrap.min.js
        └── bootstrap.min.js.map

Кроме того, убедитесь, что вы установили jQuery и Popper, поскольку это взаимозависимости. 

npm install --save jquery popper.js.
...