更改 Bootstrap 工具提示显示/淡入淡出的时间量 [英] Change amount of time Bootstrap tooltips display / fade in and out

问题描述

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

I'm adding tooltips using Twitter Bootstrap, is there an attribute I can add which determines how long a tooltip displays for / how long it takes to fade in and out?

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

干杯

推荐答案

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

Bootstrap uses the class .fade for the opacity change of the tooltips. It looks like this in the CSS file:

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

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

Just change the .15s of the transition properties to your desired duration.

这篇关于更改 Bootstrap 工具提示显示/淡入淡出的时间量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！