Simple Twitter Bootstrap filter for Django forms. Extracted from the bootstrap theme for Pinax.
Include "django-forms-bootstrap" in your requirements file and "django_forms_bootstrap" in your INSTALLED APPS.
Make sure your template loader finders includes app directories.
To style forms, add the following to the top of your template
{% load bootstrap_tags %}
and include your form using something like the following markup:
<form>
<legend>My Form</legend>
{% csrf_token %}
{{ form|as_bootstrap }}
<div class="form-actions">
<a href="#back" class="btn">Go back</a>
<button type="submit" class="btn btn-primary">Save changes</button>
</div>
</form>
Bootstrap includes styles for four types of forms. To change the display of your form, add one of the following class attributes to your form tag:
| Name | Class | Description |
|---|---|---|
| Vertical (default) | .form-vertical | Stacked, left-aligned labels over controls |
| Horizontal | .form-horizontal | Float left, right-aligned labels on same line as controls |
| Inline | .form-inline | Left-aligned label and inline-block controls for compact style |
| Search | .form-search | Extra-rounded text input for a typical search aesthetic |
Django Forms Bootstrap is released under the MIT license. It does not include any styles or scripts from the Twitter Bootstrap project.