我在做同样的事情的应用程序,我已经找到了表单元素匹配CSS类实际上相当不错。
Twitter的引导表单元素看起来是这样的:
<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的表单助手产生这样的内容:
<div class="input text">
<label for="UserName">Name</label>
<input name="data[User][name]" type="text" value="" id="UserName" />
</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>
我仍然在学习这两个框架,所以可能有这个问题。希望它有帮助。
感谢您的优秀回答! –