[[Steps To Convert MT To Bootstrap Part 3|Previous]] | [[Steps to Convert MT to Bootstrap Part 5|Next]]\\

Remove the extra ''divs'' between the ''Banner Footer'' module call and the ''Bootstrap Javascript'' call\\

Modify the Banner Footer module for the sticky footer
<code>
<footer class="footer">
 <div class="container">
  <p class="text-muted">
   Powered by <a href="http://www.movabletype.org/"><$MTProductName$></a>
<mt:BlogIfCCLicense>
   <div class="widget-creative-commons widget">
    <div class="widget-content">
     This blog is licensed under a <a href="<$mt:BlogCCLicenseURL$>">Creative Commons License</a>.
    </div>
   </div>
</mt:BlogIfCCLicense>
  </p>
 </div>
</footer>
</code>

At the bottom, just above the closing body tag, put in the Bootstrap Javascript block
<code>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<$mt:Include module="Bootstrap Javascript"$>
</code>

Create the Bootstrap Javascript module when asked
<code>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="<$mt:GetVar name="website_url"$>js/jquery.min.js"><\/script>')</script>
<script src="<$mt:GetVar name="website_url"$>js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="<$mt:GetVar name="website_url"$>js/ie10-viewport-bug-workaround.js"></script>
</code>

