Change amount of time Bootstrap tooltips display / fade in and out

问题

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>

Cheers

回答1:

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

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

来源：https://stackoverflow.com/questions/25845874/change-amount-of-time-bootstrap-tooltips-display-fade-in-and-out