...

/

Style the Layout

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>
...