0

在 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
}

我的问题是使用组件，我使用了工具提示和弹出框组件，但是例如当我使用工具提示时它可以工作，但是当鼠标移出链接或按钮隐藏自身时，我不知道为什么我对模态有问题，但它通过替换解决了线

163:.appendTo(document.body)`

和

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

有什么方法可以解决工具提示和弹出窗口的问题吗？

4

1 回答 1

0

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

你的问题是你在你的包装器中编译了所有的东西.myprefix，所以，在你最终的 CSS 中，你会得到一些错误的选择器，比如那些：

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

所以，你需要做的是：

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

问候。

于 2016-03-08T12:34:56.547 回答