You can add nested ULs Twinstream but it's crazy difficult. You kind of have to follow it by using preview and looking at the source code.
Try this.
Open a blank and from Elements at the bottom left under "layout" drag list container into a column.
Drag a text link into those 3, name the top 1 linked text, next one 2 linked text the last 3 linked text.
Select the 2 linked text list item container and drag another list container onto that.
Name those 2a linked text, 2b and 2c.
Now Preview On in your browser and look at source, you'll have
<div class="row">
<div class="columns small-12">
<ul class="list-container">
<li class="list-item-container">
<a class="link-text" href="#">1 Linked Text</a>
</li>
<li class="list-item-container">
<a class="link-text" href="#">2 Linked Text</a>
<ul class="list-container">
<li class="list-item-container">
<a class="link-text" href="#">2a</a>
</li>
<li class="list-item-container">
<a class="link-text" href="#">2b</a>
</li>
<li class="list-item-container">
<a class="link-text" href="#">2c</a>
</li>
</ul>
</li>
<li class="list-item-container">
<a class="link-text" href="#">3 Linked Text</a>
</li>
</ul>
</div>
</div>
Go here:
http://foundation.zurb.com/sites/docs/d … -menu.html
Now from the inspector select the top List Container, double click it to get to design.
From the foundation classes add dropdown and menu to classes.
Select attributes and from that list add data-dropdown-menu
Now back to inspector and select the second List Container, double click it to get to design.
Click classes and add menu it'll be in your list now.
Preview On and you'll have a drop down menu to work with.
If you view source from the browser it makes this a little easier.
At least that should get you started... it gets to be no fun when you get to adding the top bar and values to the attributes, like "medium-dropdown" since they get hidden. That and figuring out how to fight the built in styles on some of the stuff. Like adding the simple class lets you style the subs more in RSD but you'll find out.