Bootstrap弹出窗示例

最新推荐文章于 2024-07-10 19:56:48 发布

sunnylinner

最新推荐文章于 2024-07-10 19:56:48 发布

阅读量3.5k

点赞数

分类专栏： Bootstrap 文章标签： bootstrap

本文链接：https://blog.csdn.net/sunnylinner/article/details/51209630

版权

本文详细介绍了Bootstrap框架中的弹出窗组件，包括其基本使用、选项定制、事件监听以及在实际项目中的应用示例，帮助开发者更好地理解和掌握这一强大的交互元素。

摘要由CSDN通过智能技术生成

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>模态弹出框--实现原理解析（二）</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<h3>Bootstrap弹出窗示例</h3>

<!-- Large modal -->
<button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">
大的模态弹出窗
</button>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" cl