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-2.0.3.post1.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 7863277ebef1f6659eec519591d8dba31a5d60ca24c16be86e8d00eab872206f |
|
MD5 | b4a1aed20269c05a2c87ba99aeecf80c |
|
BLAKE2b-256 | 13af26dc412482fe3861c49dbbb5d7bd1b8851190e1436b63645babe46cf0926 |