# Section

## How to Add Section

When we are creating a new section, it is required to choose a specific section layout. Here are some common section layouts: 

* Content Area - Full Width.
* Content Area - Bounded. 
* Content Area - Two columns (50/50).
* Content Area - Three columns (33/33/33).

Section Layouts like “Content Area - Two columns” helps users to divide the section into two (or more) blocks. However, using Section Layouts above limits the user with the number of columns per section. There is another method to put columns in the sections manually, which is to use the block “Columnized Static Content”.

We could also add styling to each section by assigning the section to different CSS Class. In order to add a section to a specific page on the site, follow these steps:

1- Open the desired page e.g.(Landing Page).

2- Click on the **Layout** tab at the top of the page.

![Edit Landing Page - Layout Builder](/files/K7XToAkfQxuR0VRbcgSa)

3- Click on **Tasks *****/ Layout.***

![Edit Landing Page - Tasks - Layout](/files/9kPbYagIVGcdBv2CCWnn)

4- Click on **+ ADD SECTION.**

![Edit Landing Page - Add Section ](/files/w56aHBVh0bqVx0f19QxX)

5- Choose a layout for this section e.g.( Bootstrap 1 Col).

6- Choose from the **Container Types** options e.g. (Full).

7*-* Choose from the **Gutters** options e.g. (No Gutters).

8- When you finish all the needed updates click on **Add Section** button.

![Edit Landing Page - Configure Bootstrap 1 Col section ](/files/qRDxczFfIX8mVzaC7KBt)

9- Click on **Save Layout** to save the added section.

![Edit Landing Page - Save Layout](/files/9SVqdDDun2hopOx5K4Br)

## How to Edit/Delete Section

In order to edit a section to a specific page on the site, follow these steps:

1- Click on “Configure section” icon.

2- Update the **Configure Bootstrap Column** section.

![Edit Landing Page - Edit Section ](/files/7Q2vtlXI0Gu2ldA5Rvzo)

In order to delete a section to a specific page on the site, follow these steps: 

1\. Go to the section to be deleted and click the "**X**" icon. 

2\. Confirm to delete the section by clicking **Remove** button.

![Edit Landing Page - Remove Section ](/files/SMWy5DzFZZHcHUX1WSdS)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.varbase.vardot.com/9.0.x/content-designers/about-layout-builder/section.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.