diff options
Diffstat (limited to 'docs/layout/hero.html')
-rw-r--r-- | docs/layout/hero.html | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/docs/layout/hero.html b/docs/layout/hero.html index f25e0e8..b5df583 100644 --- a/docs/layout/hero.html +++ b/docs/layout/hero.html @@ -222,8 +222,14 @@ </div> </div> </div> - <pre class="code" data-lang="HTML"><code><span class="hljs-comment"><!-- hero example --></span> + <pre class="code" data-lang="HTML"><code><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hero bg-gray"</span>></span> + <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hero-body"</span>></span> + <span class="hljs-tag"><<span class="hljs-name">h1</span>></span>Hero title<span class="hljs-tag"></<span class="hljs-name">h1</span>></span> + <span class="hljs-tag"><<span class="hljs-name">p</span>></span>This is a hero example<span class="hljs-tag"></<span class="hljs-name">p</span>></span> + <span class="hljs-tag"></<span class="hljs-name">div</span>></span> +<span class="hljs-tag"></<span class="hljs-name">div</span>></span> </code></pre> + <p>Use <code>hero-sm</code> and <code>hero-lg </code>to the hero container for smaller and larger padding. </p> <div class="docs-demo columns"> <div class="column"> <div class="hero hero-sm bg-dark"> |