<!-- This is the container enabling the JavaScript -->
<div class="uk-button-dropdown" data-uk-dropdown="">
<!-- This is the button toggling the dropdown -->
<button class="uk-button">Test</button>
<!-- This is the dropdown -->
<div class="uk-dropdown uk-dropdown-small">
<ul class="uk-nav uk-nav-dropdown">
<li><a>5a</a></li>
<li><a>5b</a></li>
<li><a>5c</a></li>
<li><a>5d</a></li>
<li><a>5e</a></li>
<li><a>5f</a></li>
</ul>
</div>
</div>
<!-- This is the container enabling the JavaScript -->
<div class="uk-button-dropdown" data-uk-dropdown="">
<!-- This is the button toggling the dropdown -->
<button class="uk-button-primary">Klassen 5</button>
<!-- This is the dropdown -->
<div class="uk-dropdown uk-dropdown-small">
<ul class="uk-nav uk-nav-dropdown">
<li><a>5a</a></li>
<li><a>5b</a></li>
<li><a>5c</a></li>
<li><a>5d</a></li>
<li><a>5e</a></li>
<li><a>5f</a></li>
</ul>
</div>
</div>
<!-- This is the container enabling the JavaScript -->
<div class="uk-button-dropdown" data-uk-dropdown="">
<!-- This is the button toggling the dropdown -->
<button class="uk-button-success">Klassen 6</button>
<!-- This is the dropdown -->
<div class="uk-dropdown uk-dropdown-small">
<ul class="uk-nav uk-nav-dropdown">
<li><a>6a</a></li>
<li><a>6b</a></li>
<li><a>6c</a></li>
<li><a>6d</a></li>
<li><a>6e</a></li>
<li><a>6f</a></li>
</ul>
</div>
</div>
<!-- This is the container enabling the JavaScript -->
<div class="uk-button-dropdown" data-uk-dropdown="">
<!-- This is the button toggling the dropdown -->
<button class="uk-button-danger">Klassen 7</button>
<!-- This is the dropdown -->
<div class="uk-dropdown uk-dropdown-small">
<ul class="uk-nav uk-nav-dropdown">
<li><a>7a</a></li>
<li><a>7b</a></li>
<li><a>7c</a></li>
<li><a>7d</a></li>
<li><a>7e</a></li>
<li><a>7f</a></li>
</ul>
</div>
</div>