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-3.0.0.tar.gz (5.1 kB view details)

Uploaded Source

File details

Details for the file django-forms-bootstrap-3.0.0.tar.gz.

File metadata

File hashes

Hashes for django-forms-bootstrap-3.0.0.tar.gz
Algorithm Hash digest
SHA256 09407bc4297397d8fb10191c9594d863418e190bedc9bdbbdfe257888f6d536e
MD5 30f435dcdba2468b303173ebfa15b86e
BLAKE2b-256 1c9885550579ed6da572808aae278320e652f4fcbdf2fae70937b5115aa596c7

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