Hero#

The Hero container shows key featured content or information.

<div class="hero bg-gray">
  <div class="hero-body">
    <h1>Hero title</h1>
    <p>This is a hero example</p>
  </div>
</div>

Use hero-sm and hero-lg to the hero container for smaller and larger padding.