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">© MyPhoto Inc.</p> <p class="text-muted">Terms &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.