How to use vuetify.css and bootstrap in one page?

Question

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?

Answer 1

There are multiple solutions here:

1. Prefix one of the libraries like so: https://github.com/vuetifyjs/vuetify/issues/9454

2. Only get what you need from the BS4 library (using SCSS) like so:

@import "~bootstrap/scss/buttons.scss";

3. 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.