Bootstrap历练实例:模态框,Modal插件

模态框(Modal)是覆盖在父窗体上的子窗体。通常,其目的是显示来自一个单独源的内容,可以在不离开父窗体的情况下进行一些交互,子窗体提供一些交互或信息。

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Bootstrap历练实例:模态框(Modal)插件</title>

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />

</head>

<body>

<h2>创建模态框(Modal)</h2>

<!--按钮触发模态框-->

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">开始演示模态框</button>

<!--模态框(Modal)-->

<div class="modal fade"></script>

</body>

</html>