> For the complete documentation index, see [llms.txt](https://lewe.gitbook.io/lewe-bootstrap-visuals/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/lewe-bootstrap-visuals/shortcodes/jumbotron.md).

# Jumbotron

A jumbotron can be used as a large announcement banner.

## Examples

{% code overflow="wrap" %}

```
[bsv-jumbo heading="My Jumbotron" lead="This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information."]Here goes the content inbetween you shortcode tags.[/bsv-jumbo]
```

{% endcode %}

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

## Format

{% code overflow="wrap" %}

```
[bsv-jumbo parameter="value" ...]your content here[/bsv-jumbo]
```

{% endcode %}

## Parameters

| Parameter   | Description                                                                                                                                                                     | Value        |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
| heading     | The heading of ths Jumbotron                                                                                                                                                    | Hello World! |
| headingsize | <p>A numeric value representing four different sizes, with 1 being the largest and 4 being the smallest. Supported values:</p><ul><li>1</li><li>2</li><li>3</li><li>4</li></ul> | 4            |
| lead        | Enter the lead text that appears under the heading                                                                                                                              | *no value*   |