tyb-code15.6.html

<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-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">Do You Love Dandylions?</h4>
      </div>
      <div class="modal-body">
        <img src="images/seeded.jpg" alt=""
             class="col-sm-3 img-circle pull-left"/>
        <p>So do I!</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default"
                data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
  function show_modal() {
    $('#myModal').modal('show');
  }
  window.setTimeout(show_modal, 2000); 
});
</script>