a simple form filter for using Django forms with Twitter Bootstrap
Project description
Simple Twitter Bootstrap filter for Django forms. Extracted from the bootstrap theme for Pinax.
Quick Start
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>
Specifying form layouts
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 |
License & Attribution
Django Forms Bootstrap is released under the MIT license. It does not include any styles or scripts from the Twitter Bootstrap project.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Hashes for django-forms-bootstrap-3.0.0.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 09407bc4297397d8fb10191c9594d863418e190bedc9bdbbdfe257888f6d536e |
|
MD5 | 30f435dcdba2468b303173ebfa15b86e |
|
BLAKE2b-256 | 1c9885550579ed6da572808aae278320e652f4fcbdf2fae70937b5115aa596c7 |