मैं एप्लिकेशन के लिए एक ही बात कर रहा हूँ, और मैं प्रपत्र तत्वों मैच के लिए सीएसएस वर्गों मिल गया है वास्तव में बहुत अच्छी तरह से ऊपर।
ट्विटर की बूटस्ट्रैप प्रपत्र तत्व इस तरह दिखेगा:
<div class="clearfix">
<label for="xlInput">X-Large input</label>
<div class="input">
<input class="xlarge" id="xlInput" name="xlInput" size="30" type="text" />
</div>
</div>
और CakePHP के FormHelper इस तरह के तत्वों को उत्पन्न करता है:
<div class="input text">
<label for="UserName">Name</label>
<input name="data[User][name]" type="text" value="" id="UserName" />
</div>
मुख्य अंतर यह है बूटस्ट्रैप में div के बाहर लेबल किया जा रहा है। FormHelper आपको array('class' => 'clearfix')
जैसे कस्टम क्लास सेट करने देता है।
बूटस्ट्रैप में .input
वर्ग forms.less में परिभाषित किया गया है और केवल margin-left: 150px;
सेट सही करने के लिए अधिक जानकारी के स्थानांतरित करने के लिए। यदि आप इस शैली का उपयोग नहीं करते हैं तो आप इसके बजाय margin-right: 20px;
<label>
जोड़ सकते हैं।
मेरी प्रपत्र तत्व में कोड किया जा रहा समाप्त होता है:
echo $this->Form->input('first_name', array('div' => 'clearfix'));
... और तत्वों है कि बूटस्ट्रैप द्वारा ठीक से स्टाइल रहे हैं उत्पन्न करता है।
<div class="clearfix required">
<label for="PersonFirstName">First Name</label>
<input name="data[Person][first_name]" maxlength="50" type="text" id="PersonFirstName"/>
</div>
मैं अभी भी दोनों ढांचे सीख रहा हूं इसलिए इसमें समस्याएं हो सकती हैं। उम्मीद है कि यह मदद करता है हालांकि।
आपके उत्कृष्ट उत्तर के लिए धन्यवाद! –