我有一个bootstrap表单,它由基本输入字段和一些textarea组成。我使用Django进行表单验证,并且在textarea' s下对齐验证标签时遇到了持久性问题。这个表单只使用bootstrap css模块,所以就我所知,没有自定义css干扰它。
示例:日期和时间字段完全对齐,因为注释验证标签没有。
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="well well-lg">
<form class="form-horizontal" action="" autocomplete="off" method="post">
{% csrf_token %}
{% for field in UserForm %}
<div class="form-group">
<label class="col-md-4 control-label" for="{{ field.label }}"> {{ field.label }}</label>
<div class="col-md-6">
{{ field }}
</div>
{% for error in field.errors %}
<div class="col-md-6">
<strong>{{ error|escape }}</strong>
</div>
{% endfor %}
</div>
{% endfor %}
</form>
</div>
</div>
</div>
答案 0 :(得分:0)
class="row"
内的列数不等于12。尝试重写form-group
部分,如下所示:
<div class="form-group">
<label class="col-md-4 control-label" for="{{ field.label }}"> {{ field.label }}</label>
<div class="col-md-6">
{{ field }}
{% for error in field.errors %}
<p>
<strong>{{ error|escape }}</strong>
</p>
{% endfor %}
</div>
</div>