Html Twitter引导json表单排列

Html Twitter引导json表单排列,html,json,twitter-bootstrap,Html,Json,Twitter Bootstrap,我一直在尝试使用json模式创建表单,使用各种库,如Josh factory和alpaca的json表单,到目前为止,我可以生成我想要的表单。但是,所有表单都是以垂直方式排列的,因此无法轻松更改各个表单字段的渲染位置 我尝试了羊驼模板来安排我的表单字段,但对一些字段(如textarea)不起作用 bootstrap中是否有一个库,我可以使用它从json生成表单,并通过bootstrap css对表单进行样式设置和排列?为什么不利用这两个库的优势呢?Bootstrap rocks在布局响应性网格时

我一直在尝试使用json模式创建表单,使用各种库,如Josh factory和alpaca的json表单,到目前为止,我可以生成我想要的表单。但是,所有表单都是以垂直方式排列的,因此无法轻松更改各个表单字段的渲染位置

我尝试了羊驼模板来安排我的表单字段,但对一些字段(如textarea)不起作用


bootstrap中是否有一个库,我可以使用它从json生成表单,并通过bootstrap css对表单进行样式设置和排列?

为什么不利用这两个库的优势呢?Bootstrap rocks在布局响应性网格时表现出色,羊驼在将JSON转化为表单方面表现出色

创建一个引导布局,并使用Alpaca的布局绑定功能来设置字段的渲染位置

$(文档).ready(函数(){
$(“#CustomFormLayout”).羊驼({
“数据”:{
“图片”:http://www.alpacajs.org/assets/themes/dbyll/images/alpaca-icon.png"
},
“模式”:{
“类型”:“对象”,
“财产”:{
“爱”:{
“必需”:正确,
“enum”:[“我喜欢山羊”、“我喜欢喇嘛”、“我喜欢羊驼”]
},
“爱情因素”:{
“必需”:正确,
“类型”:“编号”,
“最低限度”:1,
“最高限额”:10
},
“图片”:{
“类型”:“字符串”
}
},
“依赖项”:{
“爱的因素”:[“爱”]
}
},
“选择”:{
“类型”:“对象”,
“字段”:{
“爱”:{
“类型”:“选择”,
“标签”:“你喜欢哪种动物?”,
“非标签”:”--请选择一种动物--“,
“removeDefaultNone”:false
},
“爱情因素”:{
“标签”:“这只动物得到了多少爱?”,
},
“图片”:{
“类型”:“图像”,
“视图”:“引导显示”
}
}
},
“视图”:{
“父项”:“引导创建”,
“布局”:{
“模板”:`
`
}
}
})
})


Write your own—这就像解析json、确定输入类型和构建表单一样简单。我通过一系列“buildInput”函数创建表单输入html的字符串表示,并在完成时将其传递到表单的html中,以便只修改一次DOM。这绝对是一个好主意,因为表单有些复杂。谢谢