# Button Group

{% hint style="success" %}
Free Macro
{% endhint %}

## Screenshot

<figure><img src="/files/l9FlIOd8es0B6MwlT6Pz" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/po3DdkQ4tGNb6Aolir7R" alt=""><figcaption></figcaption></figure>

## Description

The Button Group macro offers a container for other Bootstrap buttons. The buttons are then displayed in a horizontal or vertical order and aligned to each other.

## Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “Bootstrap” in the Search box

Select the “Bootstrap Button Group” macro

## Macro Options

<figure><img src="/files/dHB9J6hkWjdV0EuO67Sq" alt=""><figcaption></figcaption></figure>

### **Size**

| Option     | Description                                                                                              |
| ---------- | -------------------------------------------------------------------------------------------------------- |
| **Large**  | Displays all buttons inside the macro body in large size, independent from the button’s individual size. |
| **Normal** | Displays the buttons individual sizes. Only use same size buttons inside the macro body!                 |
| **Small**  | Displays all buttons inside the macro body in small size, independent from the button’s individual size. |

### **Vertical**

Shows the buttons in a vertical order.

### Restrictions

**Subsequent Button Group Macros**

Always make sure you have at least one paragraph in between two Button Group macros. It is recommended to use different page divisions. Otherwise the button groups might overlap.

### **Single linked button in vertical order**

If you have a single linked button in a vertical button group, the sizing might be off. In that case, link all other buttons to a dummy link “#”.

### **Button Styles**

The Button Group macro only works with the flat button styles.


---

# 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://lewe.gitbook.io/bootstrap-visuals-for-confluence/user-guide/button-group.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.