# Callout

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

## Screenshot

<figure><img src="https://3271911861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDHpX6TOKpku17lmsHem1%2Fuploads%2FfCk37VWA5Zk226FUzLh5%2Fimage2017-10-6_18-53-9-768x152.png?alt=media&#x26;token=6d4f937d-8fdc-402a-9478-2a7dfa80edcf" alt=""><figcaption></figcaption></figure>

## Description

Callouts are content blocks meant to emphasize on important information. They have a simple structure, header and body, and are available in the default Bootstrap colors.

## Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “Bootstrap” in the Search box

Select the “Bootstrap Callout” macro

## Macro Options <a href="#macro-options" id="macro-options"></a>

<figure><img src="https://3271911861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDHpX6TOKpku17lmsHem1%2Fuploads%2FpQlUwicGJwHCWKhYe9pl%2Fimage2017-10-6_19-4-20-768x468.png?alt=media&#x26;token=6dbce6c7-e441-4e29-bc9f-abb6bee0a1e9" alt=""><figcaption></figcaption></figure>

### **Heading**

Enter a heading here that will be display on top of the content in the selected Bootstrap color.

### **Heading Level**

Select the heading level of the heading here.

### **Style**

Select one of the [Bootstrap color styles.](bootstrap-color-styles)
