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

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

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

Answer 3

对于引导程序4的我来说，只需将这些行添加到我的自定义样式中即可。

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

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

3 个答案: