Css web2py默认表单样式不工作
在我的Css web2py默认表单样式不工作,css,twitter-bootstrap-3,web2py,Css,Twitter Bootstrap 3,Web2py,在我的appconfig.ini文件中,默认的formstyle是bootstrap3\u inline。但是,当表单显示在浏览器中时,表单元素会垂直显示,一个在另一个的下方,页面来源说表单类是form horizontal。我尝试使用formstyle的所有其他选项,但无法获得引导forminline。我正在使用Chrome浏览器 我希望使用“form inline”样式,因为我的表单只有几个元素,而“form horizontal”样式没有使用大量屏幕空间。如何使表单显示在一行中 boots
appconfig.ini
文件中,默认的formstyle
是bootstrap3\u inline
。但是,当表单显示在浏览器中时,表单元素会垂直显示,一个在另一个的下方,页面来源说表单类是form horizontal
。我尝试使用formstyle
的所有其他选项,但无法获得引导forminline
。我正在使用Chrome浏览器
我希望使用“form inline”样式,因为我的表单只有几个元素,而“form horizontal”样式没有使用大量屏幕空间。如何使表单显示在一行中 bootstrap3_inline名称有点误导人,因为它实际上是为了产生一个。本上下文中的术语“inline”只是指每个表单字段以内联方式显示标签和输入(与默认情况相反,输入显示在标签下方) 要转换为真正的引导内联表单,只需在构建
表单
对象后更改其类即可:
form = SQLFORM(db.mytable).process()
form['_class'] = 'form-inline'
如果要将此样式应用于多个表单或使其成为默认样式,可以基于boostrap3\u inline
formstyle创建自定义formstyle
函数:
from gluon.sqlhtml import formstyle_bootstrap3_inline_factory
def inline_form(form, fields):
form = formstyle_bootstrap3_inline_factory(3)(form, fields)
form['_class'] = 'form-inline'
return form
然后,可以将此样式应用于单个表单:
form = SQLFORM(db.mytable, formstyle=inline_form)
或者将其设置为默认的formstyle
:
response.formstyle = inline_form
谢谢你的澄清,安东尼。这本在线书说,
formstyle
“bootstrap”使用了bootstrap2.3表单类“form horizontal”
,所以我认为bootstrap3\u inline
和bootstrap
都是指同一个样式类。