我需要为 Bootstrap 类名添加前缀。我不是说.my-prefix .bs-class用作包装器，我的意思是实际上为 BS 类名添加前缀，例如；.my-bs-class.
我已经探索过以编程方式执行此操作（使用 Gulp 进程），但是有些选择器对于我来说安全转换有点复杂，更不用说处理 mixin 复杂性了。
所以我想知道用 LESS 功能扩展 BS，而对于简单的用例，这很好用，例如；
// BS
.btn {
color:red;
}
// Prefixed BS
.my-btn {
&:extend(.btn);
}
对嵌套选择器做同样的事情并不像我希望的那样工作，我怀疑它不会。
使用这个 codepen：http ://codepen.io/davewallace/pen/MJrMVj 你可以看到一个我想要发生的简单例子，但是 CSS 输出是：
.btn-group .btn,
.ui-btn-group .btn {
color: red;
}
相对于：
.btn-group .btn,
.ui-btn-group .ui-btn {
color: red;
}
我想要实现的目标是否可行，如果可以，如何实现？
注意：我对添加 BS 前缀的替代方法持开放态度，但是修改 BS 源所产生的技术债务是最不可取的，除非它是最小的。
编辑：如果另一种技术可以实现，我已经扩大了这个问题以包括任何 CSS 预处理器，以免将自己限制在 LESS 上。