Tabs inside tabs

I needed to have a group of tabs inside a pill tab group, so i made this change.

It's not pretty but it works quite well.

If the user wants to do this, all that is needed is to include a "tabSet" attribute in the tab group ul, li and tab-content divs.

Example:
```html
<section class="tabs" tabSet='main'>
  <ul class="tab-nav">
    <li><a href="#"  tabSet='main'>Tab 1</a></li>
    <li class="active"  tabSet='main'><a href="#">Tab 2</a></li>
    <li><a href="#"  tabSet='main'>Tab 3</a></li>
  </ul>
  <div class="tab-content"  tabSet='main'>
    <p>1</p>
  </div>
  <div class="tab-content active"  tabSet='main'>
    <p>2</p>
  </div>
  <div class="tab-content"  tabSet='main'>
    <p>3</p>
  </div>
</section>