BootStrap4（五）组件

警告提示框

警告框样式

1. 使用.alert 设置警告框基础样式，并使用.alert-success设置警告框颜色；
2. 在使用了警告框的元素内部设置超链接.alert-link, 会搭配相应的颜色；
3. 使用.alert-heading 可以设置继承颜色，alert本身也可以设置水平线段落等；

警告框组件

• 在组件一栏，可以和浏览器交互功能，警告框的关闭效果， 通过data-dismiss=”alert”实现父元素关闭；

• .fade 和.show实现了关闭后的淡出效果；
• .alert-dismissible从调试器可以看到是padding-right:4rem;
• 真正实现关闭效果的只有data-dismiss=”alert”;
• 直接使用脚本的方式也可以关闭；
  
  组件会提供一些更加深入的脚本使用方法，包括各种方法和事件。

徽章和面包屑导航

徽章的样式

1. 使用 .badge 设置徽章基础样式，并使用.badge-success等设置徽章颜色