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

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

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

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

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

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

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

 

相关文章

Bootstrip HTML 查询搜索常用格式模版 <form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...