flask_Bootstrap的WTF的调用疑问

各位大神,我在这个地方定义了一个表单,但是到前端的flask_Bootstrap调用就有点懵逼了。。求助

from flask_wtf import FlaskForm from wtforms import StringField,SubmitField from wtforms.validators import DataRequired

class track(FlaskForm): test = StringField('测试',validators=[DataRequired(message='不能为空')]) commit = SubmitField('确认')

上面写的是一个表单,下面在前端使用flask_Bootstrap的wtf.quick_form

{% extends "base.html" %} {% import "bootstrap/wtf.html" as wtf %} {% block title %}test{% endblock %} {% block page_content %} <div class="col-md-10" > {{ wtf.quick_form(form) }} </div> {% endblock %}

但是在前端显示出来是这样的

image

我知道这样显示是正常,但是我现在懵逼了,不知道怎么调成下面这样。。。把确认按钮放到表单框的旁边。。并且大小和高度和表单框一样。。求助各位大神。。。

image
1 comments