Bar</a></li>
    </ul>
  </div>
</div>

<h4>Icons</h4>

<p>The menu bar supports icons, which can be positioned above, below, to the left, or to the right of the text. Icons can also be used standalone&mdash;just drop the image into the <code>&lt;a&gt;</code> by itself.</p>

<ul class="primary menu-bar">
  <li><a href="https://twitter.com/ZURBfoundation"><span class="fi-social-twitter" style="font-size: 2rem;"></span>Twitter</a></li>
  <li><a href="https://www.facebook.com/ZURB"><span class="fi-social-faceb