Hi there,

So this is what you have to do.

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js";></script>
<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css"; 
rel="stylesheet" type="text/css" />
<link 
href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css"; 
rel="stylesheet" type="text/css" />
<script 
src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js";></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <!-- Modal -->
  <div class="modal fade" id="myModal">
    <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>
          <h4 class="modal-title">Modal title</h4>
        </div>
        <div class="modal-body">
          ...
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" 
data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save 
changes</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
</body>

$(document).ready(function($) {  
  function show_modal(){
    $('#myModal').modal();
  }
  window.setTimeout(show_modal, 5000); // your 5 seconds delay before it 
calls the modal function
});

</html>


LIVE VIEW: http://jsbin.com/ukidiw/1/
CODE VIEW: http://jsbin.com/ukidiw/1/edit


Enjoy ... :)

-- 
You received this message because you are subscribed to the Google Groups 
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to