Bootstrap前缀

Question

在bootstrap.less中以这种方式为Bootstrap CSS加前缀后我遇到了问题：

.myprefix{
// Core variables and mixins
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
@import "mixins.less";

.....other codes.....

// Utility classes
@import "utilities.less"; // Has to be last to override when necessary
}

我的问题是使用组件， 我用过工具提示＆amp; popover组件，但是当我使用工具提示时它可以工作但是当鼠标移出链接或按钮时隐藏自己 我不知道为什么我的模态问题，但它通过替换行

解决

163:.appendTo(document.body)`

带

.appendTo($('.myprefix')[0])

有没有什么可以解决它的工具提示＆amp; popovers？

Answer 1

我知道你的问题已经很老了，但是我仍然可以通过谷歌找到它，我想在那里提出一些提示。 您的答案将详细解释here。

你遇到的问题是你在名为.myprefix的包装器中编译了所有内容，因此，在最终的CSS中，你会得到一些错误的选择器，比如一个：

• .myprefix html {}
• .myprefix body {}
• .myprefix .tooltip {}（.tooltip容器是在body标签之后创建的，这就是为什么它不会工作，除非您编辑javascript以将它们包装到.myprefix容器中）

所以，你需要做的是：

1. 在单个css文件中编译bootstrap和主题修改
2. 执行搜索并替换此文件以修复不应在包装器中编译的所有选择器

问候。