Textarea下的Bootstrap错位标签

时间:2015-04-01 02:24:16

标签: html css django twitter-bootstrap

我有一个bootstrap表单,它由基本输入字段和一些textarea组成。我使用Django进行表单验证,并且在textarea' s下对齐验证标签时遇到了持久性问题。这个表单只使用bootstrap css模块,所以就我所知,没有自定义css干扰它。

示例:日期和时间字段完全对齐,因为注释验证标签没有。 enter image description here

<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>

1 个答案:

答案 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>