我只想在某些特定容器中使用 Twitter 的引导样式。所以我像下面这样为css加上前缀。
所有引导类都有前缀“.widget”（例如“.widget article”等）
现在 bootstrap 的工具提示不再起作用了。
<a href="#" data-placement="top" rel="tooltip" href="#" data-original-title="Facebook">Facebook</a>
我怀疑 Twitter 的 javascript 需要一些我可能已经覆盖的类。
有什么提示吗？
因为这是一个老问题，我将使用 Twitter 的 Bootstrap v3。
您可以使用：
LESS 命名空间将所有 Bootstrap 的代码包装在您的“.widget”中。另请参阅：如何命名 Twitter Bootstrap，以便样式不会冲突：
较少的：
.widget
{
@import "bootstrap.less";
}
现在您必须将工具提示包装在一个.widget类中。javascript插件使用类，但它们的功能在包装后将是相同的。元素仍然有 X 类。另一方面，这不会阻止 javascript 在包装器之外调用具有相同类名的元素。
HTML：
<div class="widget">
<button title="" data-placement="right" data-toggle="tooltip" class="btn btn-warning" type="button" data-original-title="Tooltip on right">Tooltip on right</button>
</div>
javascript:
$('.widget button').tooltip();