1. Bootstrap基础-模态弹出框
Bootstrap框架中的模态弹出框,分别运用了"modal"、“modal-dialog” 和 “modal-content” 样式,而弹出窗真正的内容都防止在"modal-content" 中,其主要又包括三个部分:
- 弹出框头部,modal-header,包括标题和关闭按钮;
- 弹出框主体,modal-body,弹出框的主要内容;
- 弹出框脚步,modal-footer,主要防止操作按钮;
1.1 触发模态弹出窗的方式
- 模态弹出窗声明,自定义两个必要的属性:data-toggle=“modal”, data-target=“弹出窗的?值”;
- 可用链接a自带的属性href来代替data-target,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="JSmin/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="JSmin/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>