New This website is new, your feedback will help us to improve it.

Page header

Overview

Variants

Default page header

Use the <header> tags or the .bsk-page-header class to create more prominent heading with extra spacing.

`h1` page header Subtext for header

`h2` page header Subtext for header

no `h` tags `div` page header Subtext for header
no `h` tags `header` page header Subtext for header 
<div class="bsk-page-header">
  <h1>`h1` page header <small>Subtext for header</small></h1>
</div>
<div class="bsk-page-header">
  <h2>`h2` page header <small>Subtext for header</small></h2>
</div>
<div class="bsk-page-header">
  no `h` tags `div` page header <small>Subtext for header</small>
</div>
<header>
  no `h` tags `header` page header <small>Subtext for header</small>
</header>

Stacked page header

Rearrange the HTML to create a stacked page header.

Page header

Subtext for header 
<header class="bsk-page-header">
  <h1>Page header</h1><small>Subtext for header</small>
</header>