Style the Layout
Let's add a footer to the layout.
Make the changes
A live code environment is provided below so we can try the changes suggested in the lesson.
Wrapping container
in container-fluid
We’ll build our footer using this technique because our footer
needs to stand out a bit. We’ll make it stand out by giving it a darker background and a lighter font color. We’ll add the darker background color to the wrapping container-fluid
element, i.e., the footer
. Then we’ll specify the font color on the inner container div
. Here’s the code.
Press + to interact
<footer class="container-fluid bg-dark"><div class="container text-light">Made with love by Educative.io</div></footer>
...