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
File details
Details for the file django-forms-bootstrap-3.0.0.tar.gz
.
File metadata
- Download URL: django-forms-bootstrap-3.0.0.tar.gz
- Upload date:
- Size: 5.1 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | 09407bc4297397d8fb10191c9594d863418e190bedc9bdbbdfe257888f6d536e |
|
MD5 | 30f435dcdba2468b303173ebfa15b86e |
|
BLAKE2b-256 | 1c9885550579ed6da572808aae278320e652f4fcbdf2fae70937b5115aa596c7 |