如何改变Twitter引导程序中警报消息的淡入速度？

提问者：小点点

如何改变Twitter引导程序中警报消息的淡入速度？

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

谢谢

共3个答案

匿名用户

丹·赫尔曼，

如果您没有使用less，并且您想要编辑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并插入您的新类。

匿名用户

它实际上在component-animations.less（第5行）中使用了.transition(opacity.15s linear）；。

如果您查看bootstrap-alert.js的第64行，您可以看到它引用类的位置。把.15s改成你想要的样子，你就应该做好准备。

匿名用户

对于bootstrap 4中的我来说，只要在自定义style.css中添加这些行就足够了。

.show {
    transition: opacity 100ms; // You can play with the 1
}