Bootstrap Display Shortcode
On this page
Please check out the tutorial to
start using Hugo modules.
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 %}}