Style de saisie semi-automatique avec Zurb Foundation

Quelle est la meilleure pratique pour utiliser les fonctionnalités des fondations au lieu de jQuery CSS pour la saisie semi-automatique?

Voici mon code: http://jsfiddle.net/qhoc/88kfb/

<div class="row">
 <form class="custom">
 <fieldset>
 <legend>Fieldset</legend>
 <div class="row">
  <div class="large-12 columns ui-widget">
   <label for="tags">Input Label</label>
    <input id="tags" type="text" placeholder="large-12.columns">
  </div>
 </div>
</div>   

Je n'aime pas à inclure un autre .fichier css qui est au-dessus sur la page:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

Donc je suppose que j'ai deux questions:

1. Est-il un moyen d'utiliser dropdown de la Fondation ou quelque chose? Il semble que dropdown est seulement pour topbar et son css foutu dehors de ce cas d'utilisation particulier.
2. Qu'est-ce que certains "standards" pour créer le menu déroulant dans la Fondation? S'il vous plaît aider avec quelques exemples. Parce que je pensais c'est soit un tas de rows ou il pourrait être un tweak dropdown

OriginalL'auteur HP. | 2013-08-11