---
title: "Structuring a page"
slug: "structuring-a-page"
abstract: "Define the structure of the page with layout components such as columns and rows splitters."
---
# Structuring a page

In Sitecore, a page layout consists of a *page layout* and *components*. The page layout defines the overall structure of the page, and a component defines a part of a page.

When creating a page, you can use page templates to create a page where part of the design is already set. In the page, you can then use components that will give your page a structure, such as [columns](https://doc.sitecore.com/sai/en/users/sitecoreai/build-pages/structuring-a-page/divide-your-page-content-into-columns.html "Divide your page content into columns") and [row](https://doc.sitecore.com/sai/en/users/sitecoreai/build-pages/structuring-a-page/divide-your-page-content-into-rows.html "Divide your page content into rows") splitters, or containers, and [configure](https://doc.sitecore.com/sai/en/users/sitecoreai/build-pages/adding-components-to-a-page/configure-a-component.html "Configure a component") them appropriately. Finally, you can drag on the canvas, in the containers, any type of components into the layout you have created.

> [!note]
> By default, pages use the [Bootstrap 5](https://getbootstrap.com/docs/5.0/getting-started/introduction/) grid system. Ask a developer if you need to configure a site to use another [grid](https://doc.sitecore.com/xmc/en/developers/xm-cloud/en/grid.html) system, such as Tailwind.

When working with the **Shared layout** mode switched on, the changes you are making on the layout of the page are shared with all the different versions of that page. This concerns historical versions and language versions, including the ones that were previously approved if the site has a workflow assigned.