Scope Bootstrap Css in Vue : <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>
