A responsive horizontal nav bar that can contain links, tabs, buttons, icons, and a logo.

The .nav container can have 3 parts:

Each of these containers can have a <a> ,.button, .tabs, .brand. Add a active class to show a active link.

{% highlight html %} {% endhighlight %}

You can also have tabs without a nav bar. Simply make a .tabs container and add links in it. To make tabs go full width just add a is-full class

{% highlight html %} {% endhighlight %}