tooltip-class不能与ui-bootstrap-tpls.0.11.0一起使用

Question

我尝试使用tooltip-append-to-body="true"自定义工具提示样式，但它无效。

这是我的代码：

<i class="fa fa-minus-square-o" tooltip-append-to-body="true" tooltip-class="customClass" tooltip="Test tooltip"></i>

在CSS文件中：

.customClass .tooltip-inner {
    max-width: 100px;
    width: 50px;
}

但工具提示的宽度从未改变，它具有bootstrap.css的默认值200px。

我还尝试使用以下代码：

<i class="fa fa-minus-square-o" tooltip="Test tooltip" tooltip-class="customClass" tooltip-append-to-body="true"> </i>

使用CSS：

.tooltip.customClass .tooltip-inner {
    max-width: 100px;
    width: 50px;
}

它也不起作用。

我正在使用ui-bootstrap-tpls.0.11.0，并想知道这是否是因为旧版ui-bootstrap不支持tooltip-class。如果是这种情况，无论如何我可以为工具提示添加样式吗？

Answer 1

看看这可能会有所帮助，但ui版本不是问题。

http://codepen.io/norcaljohnny/pen/pNOaYX

.tooltip-inner {
    min-width: 100px;
    max-width: 100%; 
}