14. BootStrap * 组件 - 警告提示框

2021/6/13 10:26:13

本文主要是介绍14. BootStrap * 组件 - 警告提示框,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

使用.alert设置警告框基础样式,并使用.alert-success设置警告框颜色;

在使用了警告框的元素内部设置超链接.alert-link,会搭配相应的颜色;

使用.alert-heading 可以设置继承颜色,alert本身也可以设置水平线段落等;警告框组件

在组件一栏,可以和浏览器交互功能,警告框的关闭效果,通过data-dismiss=" alert”实现父元素关闭;.fade和.show实现了关闭后的淡出效果;

.alert-dismissible从调试器可以看到是padding-right:4rem;√真正实现关闭效果的只有data-dismiss=" alert” ;

直接使用脚本的方式也可以关闭;

 



这篇关于14. BootStrap * 组件 - 警告提示框的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程