Django form with bootstrap in separate columns

django-form.html

{% load bootstrap %}

<form enctype="multipart/form-data" method="post" class="form" action="">
  {% csrf_token %}

  {% for hidden in form.hidden_fields %}
  {{ hidden }}
  {% endfor %}

  <div class="row">
    <div class="col-sm-5">
      {% for field in form.visible_fields|slice:":-2" %}
        {{ field|bootstrap }}
      {% endfor %}
    </div>
    <div class="col-sm-7">
      {% for field in form.visible_fields|slice:"-2:" %}
        {{ field|bootstrap }}
      {% endfor %}
    </div>
  </div>

  <div class="form-group">
    <input type="submit" class="btn btn-primary" value="Submit" />
    <a class="btn btn-default" href="{% url 'home' %}">Back</a>
  </div>
</form>