Skip to main content

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


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django-forms-bootstrap-2.0.3.post1.tar.gz (4.7 kB view details)

Uploaded Source

File details

Details for the file django-forms-bootstrap-2.0.3.post1.tar.gz.

File metadata

File hashes

Hashes for django-forms-bootstrap-2.0.3.post1.tar.gz
Algorithm Hash digest
SHA256 7863277ebef1f6659eec519591d8dba31a5d60ca24c16be86e8d00eab872206f
MD5 b4a1aed20269c05a2c87ba99aeecf80c
BLAKE2b-256 13af26dc412482fe3861c49dbbb5d7bd1b8851190e1436b63645babe46cf0926

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page