Creating a footer

At the moment, MyPhoto only contains a placeholder in place of a useful footer. Before MyPhoto goes live, it will desperately need a footer that should contain at least three pieces of information:

  • A copyright notice
  • A link to your website's terms and conditions
  • A link to your website's About section

Let's go ahead and modify our footer to include these three pieces of information:

    <footer class="footer">
        <p class="text-muted">&copy; MyPhoto Inc.</p>
        <p class="text-muted">Terms &amp;Conditions</p>
        <p class="text-muted">About Us</p>
    </footer>

Now open styles/myphoto.css and insert the following CSS:

    footer p {
        display: inline;
    }

So, what exactly did we just do? We inserted our copyright notice, and some placeholder text for our

Get Bootstrap 4 – Responsive Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial