Style the Layout
Explore how to use Bootstrap 4 container and container-fluid classes to structure page sections, and apply spacing utility classes for padding and margins. This lesson helps you style headers, footers, and content areas effectively using Bootstrap's responsive layout tools and utility classes to enhance typography-focused layouts.
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.