O'Reilly logo

Bootstrap 4 Site Blueprints by Ian Whitley, David Cochran, Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Don't forget the page footer

Adding the page footer is as simple as adding the page header. Edit the footer.php file in your theme directory. Again you can take the html/includes/page-footer.html HTML partial from Chapter 3, Customizing Your Blog with Bootstrap and Sass, as an example.

At the end, the HTML and PHP code in the footer.php file should look as follows:

 <footer class="container page-footer bg-dark"> <div class="row"> <div class="col-md-6"> <p class="page-foooter-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <nav role="navigation"> <?php jbst4_footer_links(); ?> </nav> <div class="social-buttons"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required