本文介绍了更改 Bootstrap 工具提示显示/淡入淡出的时间量的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用 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 工具提示显示/淡入淡出的时间量的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!