Close button not appearing for Bootstrap alert
<p>I have following html that uses bootstrap. It works for the most part - but <strong>close button</strong> is not appearing for the alert. What is the code I am missing here? Please note that I am new to Bootstrap - so, it may be something simple.</p>

<p><strong>Fiddle</strong>: <a href="http://jsfiddle.net/LijoCheeran/vxbt960c/" rel="noreferrer">http://jsfiddle.net/LijoCheeran/vxbt960c/</a></p>

<p><strong>Code</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;!-- Latest compiled and minified CSS --&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  &lt;/head&gt;

&lt;body&gt;

    &lt;h1&gt;Hello, world!&lt;/h1&gt;

&lt;div class="alert alert-success"&gt;
  &lt;strong&gt;Success!&lt;/strong&gt; Bootstrap applied to alert.
&lt;/div&gt;


&lt;div style = "padding: 10px 10px 10px;"&gt;
   &lt;form class = "bs-example bs-example-form" role = "form"&gt;
      &lt;div class = "input-group"&gt;
         &lt;span class = "input-group-addon"&gt;$&lt;/span&gt;
         &lt;input type = "text" class = "form-control" placeholder = "Amount"&gt;
         &lt;span class = "input-group-addon"&gt;.00&lt;/span&gt;
      &lt;/div&gt;
   &lt;/form&gt;
&lt;/div&gt;

&lt;!-- jQuery library --&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;

&lt;!-- Latest compiled JavaScript --&gt;
&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;

&lt;/body&gt;

&lt;/html&gt;
</code></pre>