How to create layouts and main settings

Layouts are the foundation of any application. Your pages need a layout, even if it is a simple one, so it is very important to understand how layouts work inside Bubble, how to build one, and all the available settings that will allow you to build the perfect layout:

Figure 5.1: Layout structure

Layouts are built inside pages, so to build a layout, you need to start by adding container components to the page. As mentioned in previous chapters, containers are the components that will create the structure of your page and hold multiple components contained in a specific location. It’s like building a house – the containers are the walls in that they hold everything together. Think of layouts as squared boxes that form a structure that will hold your components.

The most used component to build a page layout is the group element, which is available under the Containers category of your UI Builder sidebar...