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

Question

我正在使用 twitter Bootstrap ，并且警报框上关闭的淡入淡出发生的速度比我想要的要快。有没有什么地方我可以改变淡入淡出的持续时间，或者甚至可以在每个警报的基础上设置它？

谢谢

Answer 1

丹·赫尔曼，

如果你不使用 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 并插入您的新类。