title: Bootstrap Modal does not load
body: <p>Modal will not auto load when page is loading. I am wondering what I am doing wrong or if I am missing something. Another issue I am having is I am not able to center the button, is there a way to do that with Bootstrap. Other then that, I was able to make it work with a button. Thank you for all your help, I am learning so much.  </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;YesICan&lt;/title&gt;
  &lt;meta name="description" content="Hello World"&gt;
  &lt;!-- Latest compiled and minified CSS --&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt;
  
    &lt;!-- Optional theme --&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"&gt;
  
   &lt;/head&gt;
  
   &lt;body&gt;
  
  &lt;header&gt;
      &lt;div class="jumbotron"&gt;
          &lt;div class="container"&gt;
              &lt;h1&gt;Hello World&lt;/h1&gt;
              &lt;h3&gt;Modals in Bootstrap&lt;/h3&gt;
          &lt;/div&gt; 
      &lt;/div&gt; 
  &lt;/header&gt;
  
  &lt;div class="container"&gt;
  &lt;!--&lt;button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-1"&gt;Activate the button&lt;/button&gt;--&gt;
      &lt;div class="modal fade" id="modal-1"&gt;
          &lt;div class="modal-dialog modal-lg"&gt;
              &lt;div class="modal-content"&gt;
                   &lt;div class="modal-header"&gt;
                      &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
                      &lt;h3 class="modal-title" style="text-align:center"&gt;Safety Warning&lt;/h3&gt;
                   &lt;/div&gt;
                   &lt;div class="modal-body"&gt;       
                       &lt;p style="text-align:center"&gt; Your computer use can be monitored by others! Consider using a public computer or a friend's computer. Please view more computer safety tips or escape to Google. Then more computer safety tips linked to a page with details about browser history, cache, search history, etc. and escape to Google linked to Google.&lt;/p&gt;
                       &lt;p style="text-align:center"&gt; To learn more how to computer safety, click the following link: &lt;br&gt;&lt;a href="#"&gt;Safety Tips&lt;/a&gt;&lt;/br&gt;&lt;/p&gt;
                       &lt;!--Wording can be better just for the meantime--&gt;
                      &lt;p style="text-align:center"&gt; If you are not safe, click the following link: &lt;br&gt;&lt;a href="http://www.google.com"&gt;Get Me Out of Here!&lt;/a&gt;&lt;/br&gt;&lt;/p&gt;  
                   &lt;/div&gt;
  
                   &lt;div class="modal-footer"&gt;
                      &lt;p class="text-center"&gt;&lt;a href="" class="btn btn-default" class="btn pull-middle" data-dismiss="modal"&gt;Close&lt;/a&gt;&lt;/p&gt;
                   &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;footer&gt;
      &lt;div class="container"&gt;
          &lt;hr&gt;
  
          &lt;p&gt;
              &lt;small&gt;&lt;a href="http://facebook.com/askorama"&gt;Like me&lt;/a&gt; On facebook&lt;/small&gt;&lt;/p&gt;
          &lt;p&gt; &lt;small&gt;&lt;a href="http://twitter.com/wiredwiki"&gt;Ask whatever &lt;/a&gt; On Twitter&lt;/small&gt;&lt;/p&gt;
          &lt;p&gt; &lt;small&gt;&lt;a href="http://youtube.com/wiredwiki"&gt;Subscribe me&lt;/a&gt; On Youtube&lt;/small&gt;
  
          &lt;/p&gt;
      &lt;/div&gt; &lt;!-- end container --&gt;
  &lt;/footer&gt;
  
  &lt;!-- Latest compiled and minified JavaScript --&gt;
  &lt;script src="http://code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;    &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(function() {
  $( "#modal-1" ).modal('show ');
  });
  &lt;/script&gt;
  &lt;/body&gt; 
  &lt;/html&gt;
  </code></pre>