Bootstrap Display Shortcode

On this page

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

PositionNameTypeDefaultRequired
#0levelnumber1-

The level of display headings.

class

PositionNameTypeDefaultRequired
#1classstring--

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 %}}