<p dir="auto">Hi many times people need to use Twitter Bootstrap on only part of a web page or to otherwise have a prefix class to reduce the scope of the Bootstrap CSS.  This can be accomplished in LESS , see <a href="http://stackoverflow.com/questions/11831346/applying-css-styles-only-to-certain-elements" rel="nofollow">http://stackoverflow.com/questions/11831346/applying-css-styles-only-to-certain-elements</a></p>
<pre class="notranslate">.bootstrap-container {
    @import "/path-to-bootstrap-less.less"
    @import "/path-to-bootstrap-responsive-less.less"
}
</pre>
<p dir="auto">It would be great if there was an option on the bootstrap customization page to add an optional prefix to all css elements.  Thanks!</p>
<p dir="auto">To prevent random mixing of styles maybe we should use prefix?</p>
<p dir="auto">For example, <code class="notranslate">.tb-span6</code> or <code class="notranslate">.tb-row</code> instead <code class="notranslate">.span6</code> or <code class="notranslate">.row</code>?</p>
<p dir="auto"><code class="notranslate">.menu</code>, <code class="notranslate">.navbar</code> is so common class names so it may a little confusing without prefix</p>