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. Я хотел бы переместить поле из второго столбца в новую строку. Как я могу сделать это в своем коде?

field1  field2 
field3  field4 
field5  field6 

и я хочу, чтобы поля можно заказать так:

field1  field2 
field3  
field4  field5 
field6 

Answer 1

Ниццы и легко, просто использовать COL-MD-6, как у вас уже есть на поле 1 и поле 2, но для поля 3 использования Col-мда -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

не удалось перенести, если условие, чтобы быть выше вашего применения COL-MD-6? Я не знаком с синтаксисом Джанго, но что-то вроде:

{% 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 %}