Bootstrap警告框
1.警告框实例
<body>
<div class="container">
<div class="row">
<div class="col-md-3">
//栅格系统，占三列。
<div class="alert alert-danger fade in">
//alert表示警告框，alert-danger红色，
//fade in默认显示出来有淡入淡出的效果。
<button type="button" class="close" data-dismiss="alert">×</button>
//警告框里面我们默认会给一个按钮
//class="close"表示我要关闭这个按钮
//×表示这个叉叉上面有个叉。
//需要加上data-dismiss="alert"这个自定义属性来触发JavaScript插件
<p>这里是警告的内容</p>
<button type="button" class="btn btn-danger" data-dismiss="alert">关闭</button>
</div>
</div>
<div class="col-md-6"></div>
</div>
</div>
</body>
注意：我们要区分模态框和警告框的区别，模态框是一种遮罩的效果，把后边的内容都覆盖掉。警告框只是给出警告，将来我们在web动态开发中，一般当某个条件成立时才显示上面这段代码，出现警告框。当用户看到警告框后，他可以单击关闭把它关闭掉，
2.运行效果（当点击右上方的“x”和“关闭”按钮时都可以关闭掉。）
扫一扫
8079
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
