</li>
</ul>
<p>
- For the <a href="#full-height-hero">full height hero</a> to work, you will also need a <code>hero-head</code> and a <code>hero-foot</code>.
+ For the <a href="#fullheight-hero">fullheight hero</a> to work, you will also need a <code>hero-head</code> and a <code>hero-foot</code>.
</p>
</div>
</section>
{% endhighlight %}
- <div class="bd-example is-fullwidth">
- <section class="hero is-success is-fullheight">
- <div class="hero-body">
- <div class="container">
- <p class="title">
- Fullheight title
- </p>
- <p class="subtitle">
- Fullheight subtitle
- </p>
- </div>
+<div id="fullheight-hero" class="bd-example is-fullwidth">
+ <section class="hero is-success is-fullheight">
+ <div class="hero-body">
+ <div class="container">
+ <p class="title">
+ Fullheight title
+ </p>
+ <p class="subtitle">
+ Fullheight subtitle
+ </p>
</div>
- </section>
- </div>
+ </div>
+ </section>
+</div>
{% highlight html %}
<section class="hero is-success is-fullheight">