Thanks, but I've already tried that. Attached is code where I've added the
"hide fade" classes and linked in the bootstrap-transition.js. The dialog
doesn't appear on page load, but it also doesn't appear on button click.
Chris
<body>
<a class="btn btn-danger" data-toggle="modal"
data-target="#deleteConfirmation" href="#deleteConfirmation">Delete
Report</a>
<div class="modal hide fade" id="deleteConfirmation">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>
Confirm report deletion</h3>
</div>
<div class="modal-body">
<p>
Are you sure you want to delete this report? This action
cannot be undone.</p>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-danger">Delete</a>
<a href="#" class="btn">Cancel</a>
</div>
</div>
<script src="jquery-1.7.1.min.js" type="text/javascript" />
<script src="bootstrap-modal.js" type="text/javascript" />
<script src="bootstrap-transition.js" type="text/javascript" />
</body>
</html>
