信息提示 - bootStrap4常用CSS笔记

.alert 基类
.alert-{success、info、warning、danger、primary、secondary、light、dark} 各种类型的配色样式
.fade、.show

设置提示框在关闭时的淡出和淡入效果,要求二个同时调用,示例:

<div class="alert alert-success fade show">

<button class="close" data-dismiss="alert">&times;</button>

</div>

.alert-link

提示框内带链接样式,示例:

<div class="alert alert-success">

<a href="#" class="alert-link">这条信息</a>

</div>

.alert-dismissible

带关闭功能的提示,示例:

<div class="alert alert-success alert-dismissible">

<button class="close"  data-dismiss="alert">&times;</button>

</div>

posted @ 2019-04-04 15:59 网申 阅读(...) 评论(...) 编辑 收藏