title: Django-crispy-forms place Submit button in different location
body: <p>I'm using Django-crispy-forms, and I want to be able to place the Submit button in a different place than right next to the bottom of the form.</p>
  
  <p>Here is my form:</p>
  
  <pre><code>from django import forms
  from django.core.urlresolvers import reverse
  from crispy_forms.helper import FormHelper
  from crispy_forms.layout import Submit, Layout, Button, Fieldset, ButtonHolder, Submit
  from gpsim.models import GPSimConfig
  
  class AddNewGPSimConfigForm(forms.ModelForm):
      def __init__(self, *args, **kwargs):
          super(AddNewGPSimConfigForm, self).__init__(*args, **kwargs)
          self.initial['name'] = ''
          self.helper = FormHelper()
          self.helper.form_id = 'add-new-gpsim-config'
          self.helper.form_method = 'post'
          self.helper.form_action = reverse('gpsim:add_gpsim_config')
          self.helper.layout = Layout(
              Fieldset(
                  '',
                  'name',
                  'other fields...',
              ),
              ButtonHolder(
                  Submit('submit', 'Create', css_class='btn-default')
              )
          )
  
      class Meta:
          model = GPSimConfig
  </code></pre>
  
  <p>The template, is a Bootstrap modal popup.  The modal initially shows a form with a list of GPSimConfig items to choose from.  When the user chooses an item, then a span is loaded with this form via Jquery.</p>
  
  <p>At the bottom of the modal, there is a cancel button, and I want to put the submit button down at the bottom next to the cancel button, but when the crispy-form is generated, it puts the submit button right after the last field and closes the form.</p>
  
  <p>Here is the template that is loaded into the modal's 'modal-content' div.</p>
  
  <pre><code>{% extends "gpsim/tmpl_gpsim_modal_base.html" %}
  {% load staticfiles %}
  
  {% block modal-title %}Add GPSim Config{% endblock %}
  {% block modal-body-left %}
  Copy GPSim config from&lt;br&gt;&lt;br&gt;
  {% if my_gpsim_configs %}
  My GPSim Configs&lt;br&gt;
  &lt;select id="my_gpsim_config_id" name="gpsim_config" class="form-control" onChange="load_span_from_select_change('my_gpsim_config_id','/gpsim/gpsim-config/add/?copy-from-id=', 'add_gpsim_config_span');"&gt;
      &lt;option&gt;select&lt;/option&gt;
      {% for gpsim_config in my_gpsim_configs %}
      &lt;option value="{{gpsim_config.id}}"&gt;{{gpsim_config.name}}&lt;/option&gt;
      {% endfor %}
  {% endif %}
  
  {% endblock %}
  {% block modal-body-right %}
  &lt;span id="add_gpsim_config_span"&gt;&lt;/span&gt;
  {% endblock %}
  {% block modal-submit-button %}
  &lt;div id="submit-div"&gt;
  &lt;/div&gt;
  {% endblock %}
  </code></pre>
  
  <p>The span "add_gpsim_config_span" is where the form will get loaded via Jquery, and the Submit button gets placed there, along with the form closing tag. I would like to put the Submit in the "submit-div" div, instead.</p>
  
  <p>Is there a way to do this? </p>