Twitter bootstrap 将ValidForm Builder与Twitter引导集成

我已经成功地使用ValidFormBuilder创建了一个安全的web表单。为这个伟大的工具欢呼！ 现在我想在一个基于Twitter引导的网站中使用ValidForm

我真的很希望我可以使用Twitter引导CSS设计ValidForm元素的样式。我可以想象这应该通过向ValidForm元素添加CSS类来实现

如何做到这一点

更具体地说：

如何将

元素的

角色

-属性设置为

表单

如何将类

表单控件添加到
元素中
如何将类
btw
和
btn default
添加到
元素
我想创建一个使用此处提到的Twitter引导表单CSS的表单：

提前感谢您的帮助
 向按钮添加类
btw
和
btn default
：

将自定义类添加到ValidFrom生成器按钮：
这个例子我是直接从

将自定义属性添加到文本字段
这将输出接近以下的内容：

<form ... data-role='cool-role'>


这就像是输入和按钮元素的魅力。是否也可以向表单元素添加属性？@JorritSpee此时，您只能向表单对象添加
data
数组。我用一个例子更新了我的答案。
$objForm->addField(
    "first-name",
    "First name",
    ValidForm::VFORM_STRING,
    array(),
    array(),
    array(
        // Prefixing meta keys with 'field' will make sure
        // this meta is applied in the <input> element instead
        // of it's wrapping <div>
        "fieldrole" => "example-role"
    )
);

<div class="vf__optional">
    <label for="first-name">First name</label>
    <input type="text" value="" name="first-name" id="first-name" class="vf__string vf__text" role="autocomplete">
</div>

$objForm = new ValidForm("formName", null, null, array("data" => array("role" => "cool-role")));

<form ... data-role='cool-role'>