Bootstrap 3 LESS，仅将样式应用于某个容器答案

【问题标题】：Bootstrap 3 LESS, apply styling only to a certain containerBootstrap 3 LESS，仅将样式应用于某个容器
【发布时间】：2014-02-14 17:14:59
【问题描述】：

我只想将 bootsrtap3 包含到某个容器中。我做了什么，我下载了引导源，去\bootstrap-3.1.0\less重命名bootstrap.less到bootstrap2.less，创建bootsrap.less，添加到它

.tw-bs {
    @import "bootstrap2.less";
}

我在stackoverflow上的一些答案中找到了我现在不记得了。并且应该在.tw-bs 中包含所有规则。

它适用于大多数规则，实际上适用于所有规则。但是，当我仔细查看生成的 .css 文件时，我发现了一些奇怪的规则，例如：

td.tw-bs .visible-print

或

.tw-bs .tw-bs .modal-footer:after

或

a.tw-bs .bg-primary:hover

这没有任何意义，因为.tw-bs 应该始终是父母。我做错了什么，为什么会生成这种无意义的规则？

【问题讨论】：

【解决方案1】：

使用 & 选择器时会出现命名空间问题。编译引导程序并导入它。

【讨论】：

你能详细说明一下吗，怎么做？起初我正在编译 bootsrap，然后我有 bootsrap.css。那是什么？我对 less 有点陌生，并且正在按照他们网站上的说明编译 bootsrap。所以我不确定在创建包含.namespace-bs { @import (less) "css/bootstrap.css"; } 的新less 文件后我应该做什么，接下来我应该如何处理我的新mybootrap.less？用less编译它？如何？从哪里来？
使用 WinLess 或您通常使用的任何方法编译新文件。您可以将 bootstrap.css 保留在文件夹中，除非您打算更改它。在您的情况下，将命名空间更改为 .tw-bs，因为 Bootstrap 已经编译，您不会得到那些奇怪的样式。