Now let's quickly add the footer:

1. Right under the container div, we will create another container. We will put a horizontal rule in this container and the <footer> tags. Inside <footer> we'll have a paragraph and copyright:

      <div class="container">
         <hr>
         <footer>
            <p>&copy; 2017 WordStrap</p>
         </footer>
      </div>

2. Now we also want to include two things: we want jQuery and the Bootstrap JavaScript files. We'll place JavaScript files right under the ending </div> as shown in the following code. We'll paste in the jQuery script, which is just going to be the CDN (Content Delivery Network), and also bootstrap.js. We will also use <?php bloginfo('template_directory'); ?> just like we did with the css file:

         </div>
         <script src="http://code.jquery.com/jquery-1.12.0.min.js">
         </script>
         <script src="<?php bloginfo('template_directory'); ?>
            /js/bootstrap.js">
         </script>
      </body>
      </html>

3. Let's save that and reload: