~yuanhung/xdashangular.git

			@@ -1,10 +1,172 @@
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8">
			<title>Title</title>
			</head>
			<body>
			<!-- Content Header (Page header) -->
			<section class="content-header">
			<h1>
			Modals
			<small>new</small>
			</h1>
			<ol class="breadcrumb">
			<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
			<li><a href="#">UI</a></li>
			<li class="active">Modals</li>
			</ol>
			</section>

			</body>
			</html>
			<!-- Main content -->
			<section class="content">
			<div class="callout callout-info">
			<h4>Reminder!</h4>
			Instructions for how to use modals are available on the
			<a href="http://getbootstrap.com/javascript/#modals">Bootstrap documentation</a>
			</div>

			<div class="example-modal">
			<div class="modal">
			<div class="modal-dialog">
			<div class="modal-content">
			<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">×</span></button>
			<h4 class="modal-title">Default Modal</h4>
			</div>
			<div class="modal-body">
			<p>One fine body…</p>
			</div>
			<div class="modal-footer">
			<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
			<button type="button" class="btn btn-primary">Save changes</button>
			</div>
			</div>
			<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
			</div>
			<!-- /.modal -->
			</div>
			<!-- /.example-modal -->

			<div class="example-modal">
			<div class="modal modal-primary">
			<div class="modal-dialog">
			<div class="modal-content">
			<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">×</span></button>
			<h4 class="modal-title">Primary Modal</h4>
			</div>
			<div class="modal-body">
			<p>One fine body…</p>
			</div>
			<div class="modal-footer">
			<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
			<button type="button" class="btn btn-outline">Save changes</button>
			</div>
			</div>
			<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
			</div>
			<!-- /.modal -->
			</div>
			<!-- /.example-modal -->

			<div class="example-modal">
			<div class="modal modal-info">
			<div class="modal-dialog">
			<div class="modal-content">
			<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">×</span></button>
			<h4 class="modal-title">Info Modal</h4>
			</div>
			<div class="modal-body">
			<p>One fine body…</p>
			</div>
			<div class="modal-footer">
			<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
			<button type="button" class="btn btn-outline">Save changes</button>
			</div>
			</div>
			<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
			</div>
			<!-- /.modal -->
			</div>
			<!-- /.example-modal -->

			<div class="example-modal">
			<div class="modal modal-warning">
			<div class="modal-dialog">
			<div class="modal-content">
			<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">×</span></button>
			<h4 class="modal-title">Warning Modal</h4>
			</div>
			<div class="modal-body">
			<p>One fine body…</p>
			</div>
			<div class="modal-footer">
			<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
			<button type="button" class="btn btn-outline">Save changes</button>
			</div>
			</div>
			<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
			</div>
			<!-- /.modal -->
			</div>
			<!-- /.example-modal -->

			<div class="example-modal">
			<div class="modal modal-success">
			<div class="modal-dialog">
			<div class="modal-content">
			<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">×</span></button>
			<h4 class="modal-title">Success Modal</h4>
			</div>
			<div class="modal-body">
			<p>One fine body…</p>
			</div>
			<div class="modal-footer">
			<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
			<button type="button" class="btn btn-outline">Save changes</button>
			</div>
			</div>
			<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
			</div>
			<!-- /.modal -->
			</div>
			<!-- /.example-modal -->

			<div class="example-modal">
			<div class="modal modal-danger">
			<div class="modal-dialog">
			<div class="modal-content">
			<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">×</span></button>
			<h4 class="modal-title">Danger Modal</h4>
			</div>
			<div class="modal-body">
			<p>One fine body…</p>
			</div>
			<div class="modal-footer">
			<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
			<button type="button" class="btn btn-outline">Save changes</button>
			</div>
			</div>
			<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
			</div>
			<!-- /.modal -->
			</div>
			<!-- /.example-modal -->
			</section>
			<!-- /.content -->