tooltip-classがui-bootstrap-tpls.0.11.0で動作しない

Question

tooltip-append-to-body="true"でツールチップスタイルをカスタマイズしようとしましたが、機能しません。それはbootstrap.cssからデフォルト200pxのを持って、決して変えない

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

しかし、ツールチップの幅：

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

とCSSファイルで：

は、ここに私のコードです。

私はまた、次のコードを使用してみました：CSSと

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

：

.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%; 
}