title: Bootstrap alerts not closing
body: <p>I am having trouble closing my bootstrap alert. I have my jquery declared before bootstrap and the alerts still do not close. The code for the alert is below. Any ideas?   </p>
  
  <pre><code>  &lt;!-- jquery --&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"&gt;&lt;/script&gt;
  
    &lt;!-- bootstrap --&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
  
  
    &lt;div class="alert alert-success alert-dismissible" role="alert"&gt;
       &lt;button type="button" class="close" data-dismiss="alert" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
       &lt;strong&gt;Yay&lt;/strong&gt; Your email has been added!
    &lt;/div&gt;
  </code></pre>