शैली स्वत: पूर्ण

Question

फाउंडेशन स्वत: पूर्ण के लिए jQuery सीएसएस के बजाय सुविधाओं का उपयोग करना सबसे अच्छा तरीका क्या है?

यहाँ मेरी कोड है: 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> 

मैं सिर्फ एक और .css फ़ाइल जो पृष्ठ पर भूमि के ऊपर है शामिल करने के लिए पसंद नहीं है:

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

तो मैं मैं दो प्रश्न हैं लगता है :

1. क्या फाउंडेशन से dropdown का उपयोग करने का कोई तरीका है या कुछ कुछ? ऐसा लगता है dropdowntopbar के लिए ही है और उसके सीएसएस कि विशेष रूप से उपयोग के मामले के बाहर बँधा हुआ है।

2. कुछ "मानक" जिस तरह से फाउंडेशन में लटकती मेनू बनाने के लिए क्या है? कृपया कुछ उदाहरण के साथ मदद। क्योंकि मैं सोच रहा था यह rows के दोनों गुच्छा है या इसे से dropdown

Answer 1

एक ट्वीक हो सकता है आप के लिए jQuery के माध्यम से 'एफ-लटकती' वर्ग को जोड़ने का प्रयास कर सकते हैं:

$('.ui-autocomplete').addClass('f-dropdown'); 

भी सेट पर app.css ओ youystyle.css:

.ui-helper-hidden-accessible{display:none}

मुझे आशा है कि यह मदद करता है ... http://jsfiddle.net/vgarcias/WdncE/

Answer 2

फाउंडेशन अब एक ऑटो डिफ़ॉल्ट रूप से पूरा शामिल करने के लिए, अपने अगले संस्करण में कोशिश कर रहा है। आप इस

https://github.com/zurb/foundation/issues/3100

में प्रवेश पा सकते हैं