京东自营 618 + 国补 iPhone 历史最低价
html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<title>Bootstrap 实例</title>5
<meta charset="utf-8">6
<meta name="viewport" content="width=device-width, initial-scale=1">7
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">8
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>9
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>10
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>11
</head>12
<body>13
14
<div class="container">15
<h2>提示框动画</h2>16
<p>.fade 和 .show 类用于设置提示框在关闭时的淡出和淡入效果：</p>17
<div class="alert alert-success alert-dismissible fade show">18
<button type="button" class="close" data-dismiss="alert">×</button>19
<strong>成功!</strong> 指定操作成功提示信息。20
</div>21
<div class="alert alert-info alert-dismissible fade show">22
<button type="button" class="close" data-dismiss="alert">×</button>23
<strong>信息!</strong> 请注意这个信息。24
</div>25
<div class="alert alert-warning alert-dismissible fade show">26
<button type="button" class="close" data-dismiss="alert">×</button>27
<strong>警告!</strong> 设置警告信息。28
</div>29
<div class="alert alert-danger alert-dismissible fade show">30
<button type="button" class="close" data-dismiss="alert">×</button>31
<strong>错误!</strong> 失败的操作。32
</div>33
<div class="alert alert-primary alert-dismissible fade show">34
<button type="button" class="close" data-dismiss="alert">×</button>35
<strong>首选!</strong> 这是一个重要的操作信息。36
</div>37
<div class="alert alert-secondary alert-dismissible fade show">38
<button type="button" class="close" data-dismiss="alert">×</button>39
<strong>次要的!</strong> 显示一些不重要的信息。40
</div>41
<div class="alert alert-dark alert-dismissible fade show">42
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java