如何在Twitter Bootstrap中更改警报消息的淡入淡出速度？

Question

我正在使用Twitter引导程序,警报框上的关闭淡出比我想要的要快.有什么地方我可以改变淡入淡出的持续时间,或者甚至可以在每个警报的基础上设置它？

谢谢

Answer 1

丹赫尔曼,

如果你没有使用更少的东西并且你想编辑bootstrap.css,你可以尝试编辑这个,而不是乱用.js文件.

编辑

 .fade {
   opacity: 0;
   -webkit-transition: opacity 0.25s linear;
      -moz-transition: opacity 0.25s linear;
       -ms-transition: opacity 0.25s linear;
        -o-transition: opacity 0.25s linear;
           transition: opacity 0.25s linear;
 }

并使其成为......

 .fade {
   opacity: 0;
   -webkit-transition: opacity 1.25s linear;
      -moz-transition: opacity 1.25s linear;
       -ms-transition: opacity 1.25s linear;
        -o-transition: opacity 1.25s linear;
           transition: opacity 1.25s linear;
 }

1.25s不是默认值,这只是一个例子,如果你应用它,你会真正注意到效果和差异.

现在,如果你想创建淡入淡出选择器的另一个变体,让我们说"myFade",那么我认为你需要修改bootstrap-alert.js并添加新的类选择器或"myFade"类选择器.

我还不知道javascript.我只是认为你需要修改bootstrap-alert.js并插入你的新类.

Answer 2

它实际上用于.transition(opacity .15s linear);component-animations.less（第 5 行）。

如果您查看 bootstrap-alert.js 的第 64 行，您可以看到它引用类的位置。将 .15s 更改为您想要的值，您应该很高兴。