title: Scope Bootstrap Css in Vue
body: <p>I'm trying to use Bootstrap in a Vue component, and I want all CSS to be scoped. I tried something like this:</p>
  
  <pre><code>&lt;style scoped&gt;
  @import "~bootstrap/dist/css/bootstrap.css";
  @import "~bootstrap-vue/dist/bootstrap-vue.css";
  &lt;/style&gt;
  </code></pre>
  
  <p>But it doesn't seem like the css is scoped. Is there any way to do that?</p>