ブートストラップグリッドでフォームフィールドを新しい行に移動するにはどうすればよいですか？

Question

私は少し変更したいと思っているdjango-bootstrap3 formを使用しています。これは私が使用していますコードです：

<div class="row"> 
    {% for field in form %} 
    {% bootstrap_field field form_group_class='col-md-6 form-group label-floating' %} 
    {% if field.name == 'field3' %} 
     <!-- what should I add here --> 
    {% endif %} 

    {% endfor %} 
</div> 

col-md-6があるのでそれは、フォームフィールドの2つの列を作成します。フィールドを2番目の列から新しい行に移動したい。私のコードでどうすればいいですか？

field1  field2 
field3  field4 
field5  field6 

と私はフィールドは次のように注文することにしたい。条件はCOL-MD-6のアプリケーションの上にあることを場合

field1  field2 
field3  
field4  field5 
field6 

Answer 1

ニースと簡単にあなたがすでにフィールド1とフィールド2のために持っているように、単にCOL-MD-6を使用しますが、フィールド3の使用COL-MDについて-6およびcol-md-offset-6を含む。

次のようにだから、する必要があります：

<div class="col-md-6"></div><div class="col-md-6"></div> 
<div class="col-md-6 col-md-offset-6"></div> 
<div class="col-md-6"></div><div class="col-md-6"></div> 
<div class="col-md-6 col-md-offset-6"></div> 

使用CSSを相殺する方向に変更する：

.col-md-offset-6 { 
     margin-right: 50% !important; 
} 

Answer 2

はあなたを移動できませんでしたか？私は、Djangoの構文に慣れていないんだけど、何かのように：

{% for field in form %} 
    {% if field.name == 'field3' %} 
     {% bootstrap_field field form_group_class='col-md-12 form-group label-floating' %} 
    {% else %} 
    {% bootstrap_field field form_group_class='col-md-6 form-group label-floating' %} 
    {% endif %} 
{% endfor %}