Challenge: Couple the Containers
Explore building nested layouts with Bootstrap 4 containers by replicating a structure that displays ten blocks and labels each container number. This lesson helps you apply Bootstrap container classes and utilities to solve layout challenges independently, improving your practical skills.
We'll cover the following...
We'll cover the following...
Problem statement
Run the following code and, using Bootstrap 4, replicate the layout that it produces. Build a layout to display ten blocks in a nested pattern. Additionally, include some text that indicates the container's number.
Build the layout
Now try to do it by yourself. A hint is provided for assistance.