Bootstrap 4 Layouts in Depth/

...

/

Style the Layout

Style the Layout

Let's add a footer to the layout.

We'll cover the following...

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.

<footer class="container-fluid bg-dark"> 
  <div class="container text-light">
    Made with love by Educative.io
    </div>
</footer>

Using container

...