<p dir="auto"><strong>Issue</strong><br>
Wrapping/Scoping Bootstrap generates duplicate selectors with LESS.<br>
The issue impacts negatively the third-party use of the BS.</p>
<p dir="auto"><strong>Input:</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".bs-wrap {
    @import &quot;../bower_components/bootstrap/less/bootstrap.less&quot;;
}"><pre class="notranslate"><code class="notranslate">.bs-wrap {
    @import "../bower_components/bootstrap/less/bootstrap.less";
}
</code></pre></div>
<p dir="auto"><strong>Output:</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".bs-wrap .bs-wrap .container:before,
.bs-wrap .bs-wrap .container:after,
.bs-wrap .bs-wrap .container-fluid:before,
.bs-wrap .bs-wrap .container-fluid:after,
.bs-wrap .bs-wrap .row:before,
.bs-wrap .bs-wrap .row:after,
.bs-wrap .bs-wrap .form-horizontal .form-group:before,
.bs-wrap .bs-wrap .form-horizontal .form-group:after,
.bs-wrap .bs-wrap .nav:before,
.bs-wrap .bs-wrap .nav:after {"><pre class="notranslate"><code class="notranslate">.bs-wrap .bs-wrap .container:before,
.bs-wrap .bs-wrap .container:after,
.bs-wrap .bs-wrap .container-fluid:before,
.bs-wrap .bs-wrap .container-fluid:after,
.bs-wrap .bs-wrap .row:before,
.bs-wrap .bs-wrap .row:after,
.bs-wrap .bs-wrap .form-horizontal .form-group:before,
.bs-wrap .bs-wrap .form-horizontal .form-group:after,
.bs-wrap .bs-wrap .nav:before,
.bs-wrap .bs-wrap .nav:after {
</code></pre></div>
<p dir="auto"><strong>Should be:</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".bs-wrap .container:before,
.bs-wrap .container:after,
.bs-wrap .container-fluid:before,
.bs-wrap .container-fluid:after,
..."><pre class="notranslate"><code class="notranslate">.bs-wrap .container:before,
.bs-wrap .container:after,
.bs-wrap .container-fluid:before,
.bs-wrap .container-fluid:after,
...
</code></pre></div>