引導前綴

Question

我在bootstrap.less以這種方式前綴引導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 
} 

和我的問題正在與組件， 我用工具提示&酥料餅的組件，但例如當我使用的工具提示它的工作原理，但是當鼠標移出鏈接或按鈕隱藏自身 我不知道爲什麼我有模態問題，但它與

替換爲0線

163:.appendTo(document.body)` 

解決

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

是否有任何可以解決它的工具提示& popovers？

Answer 1

我知道你的問題已經很老了，但因爲我仍然可以通過谷歌找到它，所以我想給你一些提示。 您的回答詳情解釋here。

對你的問題是，您編譯包裝命名爲.myprefix裏面的一切，所以，在最終的CSS，你會得到一些錯誤的選擇一樣放入系統之一：

• .myprefix html {}
• .myprefix body {}
• .myprefix .tooltip {} （.tooltip容器是在body標籤後面創建的，這就是爲什麼它不能工作，除非你編輯javascript將它們包裝到你的.myprefix容器中）

所以，你需要做的是：

1. 編譯自舉和一個CSS文件的主題修改
2. 在這個文件上執行搜索和替換來解決所有的選擇不應該被編入你的包裝內

問候。