2015-04-01 86 views
0

我有一個引導表單,它由基本輸入字段和幾個textarea組成。我使用Django進行表單驗證,並且在textarea下有一個持久性的問題對齊驗證標籤。這種形式只使用引導CSS模塊,所以沒有自定義的CSS干擾它,據我所知。textarea下bootstrap misaligned標籤

示例:日期和時間字段完全對齊,因爲音符驗證標籤沒有。 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> 
+0

你能編輯和添加模板生成的HTML代碼? – RafaelC 2015-04-01 02:37:32

+0

只是一個提示。不要把HTML標籤放到你的控制器上。這將使編輯某些表單對象變得困難。只需返回表單驗證的錯誤消息和值。在你的情況下,我沒有看到''標籤,這讓我認爲你是在你的控制器中生成它們。這是一個不好的做法。 – CENT1PEDE 2015-04-01 03:08:53

回答

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>