title: Conflicts between vue scoped styles and bootstrap
body: <p>I'm developing an embedded plugin in vuejs.
  In dev mode this plugin is embedded in a lorem ipsum html page that load bootstrap.</p>
  
  <p>I just noticed that one of my element inside the plugin with a "close" class is affected by a bootstrap close class. I'd like to fully scoped my Vue.js styles in order to not be affected by external styles (since this plugin will be embedded by customers) but also want my internal scoped style to not leak outside the plugin and affects my customer pages.</p>
  
  <p>I'd like to know if there is a way to do so for example by overriding class names with unique ids during webpack compilation ?  </p>