DEV Community

Agik Setiawan
Agik Setiawan

Posted on

Use Tailwind CSS in existing Bootstrap project without crash classes

Just add prefix 'tw' in 'tailwind.config.js'

like this

module.exports = {
  prefix: 'tw-',
  content: [
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Enter fullscreen mode Exit fullscreen mode

now you can use Tailwind CSS class with prefix 'tw' without crash with bootstrap classes

Example use:
tw-bg-red-400
tw-p2

you can change 'tw' prefix with another prefix that you want.

Top comments (0)