Twitter Bootstrap工具提示不适用于CSS中的前缀

Question

我只想在某些特定容器中使用Twitter的引导程序样式。 所以我像下面这样给css加上前缀。

所有引导程序类都以“ .widget”为前缀（例如，“。widget article”等）

现在，引导程序的工具提示不再起作用。

<a href="#" data-placement="top" rel="tooltip" href="#" data-original-title="Facebook">Facebook</a>

我怀疑Twitter的javascript需要一些我可能已经覆盖的类。

有什么提示吗？

Answer 1

因为这是一个老问题，我将使用Twitter的Bootstrap v3。

您可以使用：

更少的命名空间将所有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();

另请参阅： Twitter bootstrap 3自定义多个主题