Planning Our Layout’s Structure
Explore how to plan the layout structure of an Airbnb clone using Bootstrap 4. Understand dividing the design into container-fluid sections, adding background images, and preparing code to build a responsive web layout step-by-step.
In this chapter, we’ll clone an Airbnb layout in Bootstrap 4. We’ll begin by planning the structure of our layout. We’ll examine the Airbnb home page screenshot and decide which Bootstrap components we’ll be using. The layout will be divided into sections, and the code for the first section is given at the end of this lesson.
Mockup layout
Here is the mockup.
As we can see, this ...