bootstrap

主页面：
<div class=”modal” id=”modal-operate”>
<div class=”modal-dialog modal-lg”>
<div class=”modal-content” id=”modal-operate-body”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-label=”Close”>
<span aria-hidden=”true”>&times;</span>
</button>
<h4 class=”modal-title”>加载中…</h4>
</div>
<div class=”modal-body”>
<div class=”overlay text-center”>
<i class=”fa fa-refresh fa-spin”></i>
</div>
</div>
</div>
</div>
</div>
子页面：
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-label=”Close”>
<span aria-hidden=”true”>&times;</span>
</button>
<h4 class=”modal-title”>新增一个标段（包）</h4>
</div>
<div class=”modal-body”>
<div class=”form-horizontal”>
<div class=”form-group”>
<label class=”control-label col-md-4″ for=”t_code”>编号</label>
<div class=”col-md-8″>
<input type=”text” name=”code” id=”t_code” class=”form-control” th:value=”${bidtenderDTO.s}” />
</div>
</div>
</div>
</div>
<div class=”modal-footer”>
<button type=”button” class=”btn btn-default” data-dismiss=”modal”>关闭</button>
<button type=”button” class=”btn btn-primary” id=”btnSaveTender”>新增</button>
</div>
$(‘#modal-operate-body’).load(url);
$(‘#modal-operate’).modal(‘show’);

$(‘#modal-operate’).modal(‘hide’);
此处只是笔记，可以查看bootstrap官方文档