flask中使用bootstrap/wtf.html模板编写表单,要怎样调整表单大小?


图片描述

例如这个表单,使用继承bootstrap/wtf.html来写的,现在想调整这个大小要怎么调整?
图片描述

flask bootstrap

adgasdg 9 years, 8 months ago

可以通过设置控件的height,line-height,padding和font-size等属性来实现控件的高度设置。
不过Bootstrap框架还提供了两个不同的类名,用来控制表单控件的高度。这两个类名是:
1、input-sm:让控件比正常大小更小
2、input-lg:让控件比正常大小更大

琴吹紬mugi answered 9 years, 8 months ago

你用的是 https://github.com/mbr/flask-bootstrap 吧?我没用过这个,另外其实我连 wtf 也很少用,都是生写的。

我看了一下 https://github.com/mbr/flask-bootstrap 的文档,只有在水平 form 时才可以指定(也必须指定)宽度,你这个场景下,它是不支持的。

不过 wtforms 本身是支持给字段添加 class 的,你找 bootstrap 的那些 class 添加就好了,比如什么 input-lg 之类的。比如

<div>{{ form.username.label }}: {{ form.username(class="input-lg") }}</div>

以及

form.field(class_="input-lg")

另外你也可以不给具体字段指定宽度,给它的外层 div 指定一个宽度(用 bootstrap 的 col* 类 class),这样 bootstrap 也会自己调整。

肾斗士星矢 answered 9 years, 8 months ago

Your Answer