Tabs order problem

Hi to all. First of all I’m new here and sorry if I post something that already posted. I have problem with order in tabs component when I set

<ul class="tabs" data-active-collapse="true" data-tabs id="collapsing-tabs"

but when I change to

<ul class="tabs vertical" data-active-collapse="true" data-tabs id="collapsing-tabs"

then i’ts everything is ok

i have loaded
query-3.5.1.min.js
foundation-sites@6.6.3/dist/js/foundation.min.js
foundation-sites@6.6.3/dist/js/plugins/foundation.core.js
foundation-sites@6.6.3/dist/js/plugins/foundation.util.keyboard.js
foundation-sites@6.6.3/dist/js/plugins/foundation.tabs.js
foundation-sites@6.6.3/dist/js/plugins/foundation.util.imageLoader.js

So can anyone can help?

The order of the Tabs is governed by their order in your List Items

Zurb Documents have a good example to crib.