Bootstrap Display Shortcode
Donate
Become a backer or sponsor to support our work.
On this page
Sponsors
Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
Usage
1{{% bs/display %}}
2HEADING
3{{% /bs/display %}}
Parameters
level
| Position | Name | Type | Default | Required |
|---|---|---|---|---|
#0 | level | number | 1 | - |
The level of display headings.
class
| Position | Name | Type | Default | Required |
|---|---|---|---|---|
#1 | class | string | - | - |
Used to add extra CSS classes.
Examples
Display 1
1{{% bs/display %}}
2Display 1
3{{% /bs/display %}}
Display 2
1{{% bs/display 2 %}}
2Display 2
3{{% /bs/display %}}
Display 3
1{{% bs/display 3 %}}
2Display 3
3{{% /bs/display %}}
Display 4
1{{% bs/display 4 %}}
2Display 4
3{{% /bs/display %}}
Display 5
1{{% bs/display 5 %}}
2Display 5
3{{% /bs/display %}}
Display 6
1{{% bs/display 6 %}}
2Display 6
3{{% /bs/display %}}
Display 6 with extra classes.
1{{% bs/display 1 "text-primary" %}}
2Display with extra classes.
3{{% /bs/display %}}
Display 6 with extra classes via named parameters.
1{{% bs/display level=6 class="text-success" %}}
2Display 6 with extra classes via named parameters.
3{{% /bs/display %}}