If I want 2 css framework like bootstrapvue & vuetify use same project

Viewed 2287

I want 2 CSS framework use my existing nuxtjs project - anyone questions why to use 2 CSS framework one vuejs project -

answer this question - I want, my website web version and mobile version, i use web version is boostrapvue its awsome for web version - or vuetfy is the better mobile version.

anyone plz help, it's possible

1 Answers

Why not, you can use both the frameworks easily. But the problems include clashing of css classes. Although both have different components, they can still lead to some unexpected design. I would recommend using a single css framework, but if you are adamant about using two CSS frameworks, it is not a heck. Just install both these libraries and include in main.js/app.js file.

For bootstrap vue,

npm install vue bootstrap-vue bootstrap

For vuetify,

vue add vuetify

Then include in your main.js/app.js using,

import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)
Vue.use(BootstrapVue)

Hope it helps!

Related