> For the complete documentation index, see [llms.txt](https://lewe.gitbook.io/bootstrap-visuals-for-confluence/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lewe.gitbook.io/bootstrap-visuals-for-confluence/user-guide/button-group.md).

# 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.