更改Bootstrap工具提示显示/淡入和淡出的时间

时间:2014-09-15 10:25:21

标签: twitter-bootstrap tooltip angular-ui-bootstrap

我正在使用Twitter Bootstrap添加工具提示,我是否可以添加一个属性来确定工具提示显示的时间/淡入和淡出需要多长时间?

<span class="myClass" data-tooltip="{{myData}}" data-tooltip-placement="right"></span>

干杯

1 个答案:

答案 0 :(得分:4)

Bootstrap使用类.fade进行工具提示的不透明度更改。在CSS文件中看起来像这样:

.fade {
    opacity:0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

只需将过渡属性的.15s更改为所需的持续时间。