我只想在某些特定容器中使用Twitter的引导样式。所以我像下面那样给css加前缀。
所有引导类都有前缀'.widget'前缀（例如'.widget article'等）
现在bootstrap的工具提示不再起作用了。
<a href="#" data-placement="top" rel="tooltip" href="#" data-original-title="Facebook">Facebook</a>
我怀疑Twitter的javascript需要一些我可能会覆盖的课程。
任何提示？
答案 0 :(得分：0)
因为这是一个老问题，我将使用Twitter的Bootstrap v3。
您可以使用：
没有命名空间来包装你的'.widget'中的所有Bootstrap代码。另见：How to namespace Twitter Bootstrap so styles don't conflict：
减：
.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();