title: bootstrap modal is not working. I have made sure everything is okay but still not working
body: <p>here is my code     </p>
  
  <pre><code>&lt;a href="#logout" data-toggle="modal" data-target="#logout"&gt;&lt;i class="fa fa-sign-out"&gt;&lt;/i&gt;&amp;nbsp;Logout&lt;/a&gt;&lt;!--link to the modal--&gt;
  </code></pre>
  
  <p>and here is the modal</p>
  
  <pre><code>&lt;!--the pop up box to look like this--&gt;
  &lt;div class="modal fade" id="logout" role="dialog"&gt;
      &lt;div class="modal-body"&gt;
       &lt;div class="alert alert-error"&gt;Are you sure you want to Logout?&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
       &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;&lt;i class="fa   fa-remove"&gt;&lt;/i&gt;&amp;nbsp;NO&lt;/button&gt;
       &lt;a href="logout.php" class="btn btn-danger"&gt;&lt;i class="fa fa-check"&gt;   &lt;/i&gt;&amp;nbsp;Yes&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;&lt;!--end modal--&gt;
  </code></pre>