Как я могу обойти потребность в классе управления формами Bootstrap 3?

Вы действительно должны проверить приложение Django, которое отображает все ваши формы Django как хорошие формы Boostrap, просто используя тег в вашем шаблоне.

Его имя — django-bootstrap3. Вот как вы его используете:

1. Установите джанго-бутстрап3

2. Добавьте bootstrap3 к INSTALLED_APPS:

   INSTALLED_APPS = (
       ...
       'bootstrap3',
       ...
   )
   

3. Обновите свой шаблон:

   1. load bootstrap3
   2. замени {{form.as_p}} на {% bootstrap3_form form %}

до:

<form method="post" class="form-horizontal" action="" >
    <div class="hidden-desktop">
      <button type="submit" class="btn btn-primary"> Save</button>
    </div>
    {% csrf_token %}
    {{ form.as_p }}
    <div class="actions form-actions">
      <button type="submit" class="btn btn-primary"> Save</button>
    </div>
 </form>

после:

{% extends "base.html" %} 
{% load bootstrap3 %}

<form method="post" class="form-horizontal" action="" >
  <div class="hidden-desktop">
    <button type="submit" class="btn btn-primary">{% bootstrap_icon "ok" %} Save</button>
  </div>
  {% csrf_token %}
  {% bootstrap_form form  %}
  <div class="actions form-actions">
    <button type="submit" class="btn btn-primary">{% bootstrap_icon "ok" %} Save</button>
  </div>

Nothing else to do. Nothing to update in you form. No JavaScript hacks.

Мне было интересно, почему ответ ниже получил отрицательные голоса первым. Я нашел свой ответ о form-group вместо класса form-control. Класс form-control добавляет множество правил CSS.

Вы должны попытаться контролировать вывод своей формы в первую очередь: https://stackoverflow.com/a/8474452/1596547

Если вы не можете, вы можете попробовать то же самое, что и ниже. Примените те же правила к вашим входам вместо form-control, например:

input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

Меньше

С LESS> 1.4 вы можете использовать :extend(), см.: https://stackoverflow.com/a/15573240/1596547. Вы можете использовать это для вышеперечисленного, добавив правило к своим меньшим файлам:

input {
  &:extend(.form-control all);
}

Также см.: Почему выдает Grunt/Recess ошибку, а Lessc нет при компиляции Bootstrap 3 RC1?

form-group — это контейнер-div вокруг ваших конструкций input/label, он добавляет только margin-bottom: 15px;. Вы можете создавать свои формы без него. По этой причине это не требуется.

input {
    margin-bottom: 15px; }

input, input[type="checkbox"]  {
    margin-bottom: 15px;
}

$('input[type="checkbox"]').parent("label").addClass('checkboxlabel');

.checkboxlabel
{
    cursor: pointer;
    display: inline;
    font-weight: normal;
    margin-bottom: 0;
} 

Также читайте: Django Forms и Bootstrap — классы CSS и ‹divs›

Одна вещь, которую я сделал, это создал миксин, который добавляет класс form-control к каждому виджету.

class BootStrap3FormControlMixin(object):
    def __init__(self, *args, **kwargs):
        super(BootStrap3FormControlMixin, self).__init__(*args, **kwargs)

        for field in self.fields.values():
            _class = field.widget.attrs.get('class', '')
            field.widget.attrs.update({'class': u'%s %s' % (_class, 'form-control',)})