其他分享
首页 > 其他分享> > 14. BootStrap * 组件 - 警告提示框

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

作者:互联网

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

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

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

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

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

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

 

标签:设置,dismiss,14,BootStrap,alert,关闭,组件,警告,提示框
来源: https://www.cnblogs.com/bi-hu/p/14879652.html