bootstrap v4 toast轻提示正确用法

用vue和小程序开发的同学会感到里面的toast轻提示很好,可惜bootstrap到4以上才支持,而它的帮助里写的代码感觉都是“扯淡”的,根本用不起来效果。

轻提示首先是不影响页面布局,像弹窗一样,设置延迟的时间后会自动消失。

下图是vue的。——新建成功那个就是轻提示了。

bootstrap v4 toast轻提示正确用法_第1张图片

所以这里有标准的用法。

https://github.com/Script47/Toast

https://www.kaiu.net/script/content/3154

https://www.kaiu.net/script/show/3154

注意,git上代码在不断更新,并且example也是在更新,请以上面第一为准哦。

首先要引用git上toast.css和js,以及bootstrap.js和css的4.0版本以上,然后将example代码拷贝过来使用即可。

bootstrap v4 toast轻提示正确用法_第2张图片

  
  
  
  
                    
                    

你可能感兴趣的:(水利工程设计,toast,轻提示,bootstrap,4)