I want to use both the vuetify.min.css folder and bootstratp.min.css folder. Bootstrap is defined on the layout page and I need vuetify.min.css on another page. Is there any way to use both of them together?
-
1I'm sure you could but it would make your app pretty heavy. Why do you need them both? What does one do that the other doesn't?Andrew1325– Andrew13252019-03-30 09:04:17 +00:00Commented Mar 30, 2019 at 9:04
-
I need some button css's. However, vuetify css file crashes bootstrap. When I use both of them posts are growing.efeozkesici– efeozkesici2019-03-30 09:20:39 +00:00Commented Mar 30, 2019 at 9:20
-
2If it is just some buttons could you not just write your own css for them?Andrew1325– Andrew13252019-03-30 09:27:55 +00:00Commented Mar 30, 2019 at 9:27
-
Because these are already exist in vuetifyefeozkesici– efeozkesici2019-03-30 11:59:04 +00:00Commented Mar 30, 2019 at 11:59
-
1Why can't you copy the button CSS from Vuetify if that's all you need?ceejayoz– ceejayoz2019-09-29 17:11:34 +00:00Commented Sep 29, 2019 at 17:11
Add a comment
|
1 Answer
There are multiple solutions here:
Prefix one of the libraries like so: https://github.com/vuetifyjs/vuetify/issues/9454
Only get what you need from the BS4 library (using SCSS) like so:
@import "~bootstrap/scss/buttons.scss";
- Switch to BS3 for your button styling and create a custom package.
In my opinion the best solution is the second, get it working in your setup and build the files you need. More info on Theming BS4 here.
