html 模态框演示

Posted 2021-05-11

	<div class="modal fade" id="modal_add" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header ">
					<h2 class="modal-title" style="text-align: center;">新增链接</h2>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" role="form" id="form-add">
						<div class="form-group">
							<label for="name" class="col-sm-2 control-label">名称：</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="name" name="name" required>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button class="btn btn-info" id="btn-add">添加</button>
					<button class="btn btn-default" data-dismiss="modal">返回</button>
				</div>
			</div>
		</div>
	</div>