# Subnav

This component allows you to create a sub navigation.

## Usage

To create a sub navigation, add the ```.subnav``` class to an ```<ul>``` element. To define an item as active, add the ```.active``` class to a ```<li>``` element.

<div class="docs-demo">
    <ul class="subnav">
        <li class="active"><a href="#">Item 1</a></li>
        <li><a href="#">Item 2</a></li>
        <li><a href="#">Item 3</a></li>
        <li><a href="#">Item 4</a></li>
    </ul>
</div>

```html
<ul class="subnav">
    <li class="active"><a href="#">Item 1</a></li>
    <li><a href="#">Item 2</a></li>
    <li><a href="#">Item 3</a></li>
    <li><a href="#">Item 4</a></li>
</ul>
```

-----------