Limit the scope of bootstrap styles

Question

How do I limit Bootstrap to just the scope of a div? I need to nest the Bootstrap stylesheet inside an ExtJS app for especific divs and both are clashing since they need the

Answer 1

Expanding on @jtlindsey answer. If you want to use bootstrap 4 you have to do some little changes.

Instead of editing less/bootstrap.less you have to edit scss/bootstrap.scss

then you have to execute this command in order:

gem install bundler
bundle install
npm run dist

And the new bootstrap.min.css is generated in the dist folder.

Here you can have more information: https://getbootstrap.com/docs/4.0/getting-started/build-tools/