title: Modal not loading at all
body: <p>So I'm trying to get a modal to open upon clicking a word in the footer, but absolutely nothing is happening. Here is the modal code:</p>
  
  <pre><code>&lt;div class="col-lg-5 footerLeft"&gt;&lt;a href="#aboutit" data-toggle="modal" data-target="#aboutit"&gt;about&lt;/a&gt;&lt;/div&gt;
  &lt;div class="modal fade" id="aboutit"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;h3&gt;Caesar's Cipher&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                  &lt;p&gt;Explanation.&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;a href="#" class="btn" data-dismiss="modal"&gt;Learn More&lt;/a&gt;
                  &lt;a href="#" class="btn btn-primary"&gt;Close&lt;/a&gt;
              &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the modal to open when you click the word "about" on the bottom left. <a href="http://codepen.io/l-emi/full/zBENra/" rel="nofollow">Here is</a> the codepen of the whole thing.</p>
  
  <p>Thank you to all :)</p>
  
  <p>EDIT. Here's the head section: </p>
  
  <pre><code>  &lt;head&gt;
      &lt;meta charset=utf-8/&gt;
  
      &lt;!-- bootstrap files --&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="cipher.css"&gt;
  
  
      &lt;title&gt;CIPHER&lt;/title&gt;
  &lt;/head&gt;    
  </code></pre>
  
  <p>EDIT 2: jsfiddle link: <a href="https://jsfiddle.net/fxrLymrq/" rel="nofollow">https://jsfiddle.net/fxrLymrq/</a></p>