<ul class="nav nav-tabs">
<li class="active">
<a href="#">Tab 1</a>
</li>
<li>
<a href="#">Tab 2</a>
</li>
<li>
<a href="#">Tab 3</a>
</li>
<li>
<a href="#">Tab 4</a>
</li>
</ul>
<ul class="nav nav-tabs">
{{#each tabs }}
<li{{#if @first }} class="active"{{/if}}>
<a href="{{ url }}">{{ label }}</a>
</li>
{{/each}}
</ul>
__title: Four tabs
tabs:
- label: Tab 1
url: '#'
- label: Tab 2
url: '#'
- label: Tab 3
url: '#'
- label: Tab 4
url: '#'
Toont navigatie-tabs. Gebaseerd op de Bootstrap nav-tabs
component. Afhankelijk van het aantal tabs, loopt het getal in de class dso-tabcount-X
evenredig op (lees: dso-tabcount-3
, dso-tabcount-4
, etc.).