The dialog window can be moved, resized and closed with the 'x' icon.
The dialog window can be moved, resized and closed with the 'x' icon. The dialog window can be moved, resized and closed with the 'x' icon. The dialog window can be moved, resized and closed with the 'x' icon. The dialog window can be moved, resized and closed with the 'x' icon. The dialog window can be moved, resized and closed with the 'x' icon. The dialog window can be moved, resized and closed with the 'x' icon. The dialog window can be moved, resized and closed with the 'x' icon.
View Source
<!doctype html>
<html lang="us">
<link rel="stylesheet" href="bootstrap-3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap-jqueryui/bootstrap-jqueryui.min.cs">
<script src="jquery/jquery-1.10.2.js"></script>
<script src="bootstrap-3.1.1/js/bootstrap.min.js"></script>
<script src="bootstrap-jqueryui/bootstrap-jqueryui.min.js"></script>
</head>
<body>
<button class="btn btn-primary btn-lg" data-toggle="dialog" data-target="#dialog1">
Launch dialog 1
</button>
<div id="dialog1" title="Basic dialog 1">
The dialog window can be moved, resized and closed with the 'x' icon.
</div>
<button class="btn btn-primary btn-lg" data-toggle="dialog" data-target="#dialog2">
Launch dialog 2
</button>
<div id="dialog2" title="Basic dialog 2">
The dialog window can be moved, resized and closed with the 'x' icon.
</div>
</body>
</html>