Bootstrap 3 Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
		<div class="modal fade" id="testModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					</div>
					<div class="modal-body">
                           test
					</div>
					<div class="modal-footer">
                           <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->


<button class="testButton btn btn-primary">open modal</button>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

JavaScript

function openTestModal(){
            $('#testModal').modal({
                keyboard: false,
                backdrop: 'static'
            });
            
            $('#testModal').on('shown.bs.modal', function (e) {
                alert('');
            });
        }

$('.testButton').click(function(){
    openTestModal();
});