当前位置: 首页 > 知识库问答 >
问题:

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

齐招
2023-03-14

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

谢谢

共有3个答案

唐利
2023-03-14

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

.show {
    transition: opacity 100ms; // You can play with the 1
}
公西马鲁
2023-03-14

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

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

郎仰岳
2023-03-14

丹·赫尔曼,

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

 类似资料:
  • 问题(见标题) Yii2:将Gridview使用的默认确认消息替换为Sweet alert,它描述了最初的问题和过去的修复方法。现在,修复不再有效。bootstrap或kartik yii2对话框中的某些内容发生了更改,使得yii2中的sweetalert解决方案不再是一个解决方案。:-) js/yi_覆盖。js已加载,但yii的事件处理程序未使用该函数。 yii事件处理程序使用的“确认”java

  • 问题内容: 我在UI Bootstrap中使用Angular 。我创建了自定义指令,该指令将广播的最差消息推送到绑定到视图的警报数组中(呈现为Bootstrap警报)。在一定的超时后,警报将从阵列(因此也从视图)中删除。这是代码: 我想知道是否可以在删除警报之前向警报添加淡出(或其他动画)?任何帮助和提示,将不胜感激! 问题答案: 在Angular中> 1.1.5 您可以使用angular的内置动

  • 问题内容: 我的警报消息有问题。它正常显示,当用户按下(关闭)时,我可以将其关闭,但是当用户尝试再次显示它(例如,单击按钮事件)时,它不会显示。(此外,如果我将此警报消息打印到控制台,则等于。)我的代码在这里: 事件: PS! 仅在发生某些事件(例如,单击按钮)后才需要显示警报消息。还是我做错了什么? 问题答案: 数据删除会完全删除该元素。请改用jQuery的.hide()方法。 快速修复方法:

  • 我得到了以下css规则 我希望有

  • 我想将警报中的左对齐: 但是,由于的类型是,由于它是的类型,以下操作不起作用: 编译器不喜欢上面。 如果添加“”,则会编译,但msg变为nil 如果添加“”,它会编译,但在运行时崩溃 知道我怎么可以左对齐警报消息吗? 非常感谢你 附注。目前它是中心对齐的,这使我的项目符号列表很奇怪。

  • 我已经开始学习Bootstrap了。我的问题是如何中心对齐一个列水平,引导包含12列布局,没有中间数字。更清楚的是,如果是11列布局,中间的数字应该是6(左5列,中间1列,右5列)