vue.jsbootstrap-4vue-componenttailwind-css

Can use both Tailwind css and Bootstrap 4 at the same time?

My project is currently Vuejs which use BootstrapVue components (seems to use bootstrap 4 css).

I am trying to use Tailwind css for new custom components.

Is it possible to use both of them at same time?

Thank you.

Solution

  • You can solve classes conflict using a prefix

    // tailwind.config.js
module.exports = {
  prefix: 'tw-',
}

    BUT, most likely you will have a problem with normalize.css, which used in @tailwind base