Skip to main content

Render Django forms as described using the twitter bootstrap HTML layout

Project description

# Django Twitter Bootstrap Form

Render Django forms using the HTML described by the [Twitter Bootstrap](http://twitter.github.com/bootstrap/base-css.html#forms)

## Demo

A basic demo is availaible on this [sandbox](http://django-sandbox.geelweb.org/twitter-bootstrap-form)

## Installation

From PyPI

pip install django-twitterbootstrap-form

From Source:

python setup.py install

## Requirements

* Django >= 1.4

## Configuration

### settings.py

Edit your settings.py file and add the following line into your INSTALLED_APPS

'geelweb.django.twitter_bootstrap_form'

### HTML templates

Load the filters and use them

{% load twitter_bootstrap %}

Default form

<form>
<fieldset>
<legend>Legend</legend>
{{ form|twitter_bootstrap }}
<button type="submit" class="btn">Submit</button>
</fieldset>
</form>

Search form

<form class="form-search">
{{ form|twitter_bootstrap:"search" }}
<button type="submit" class="btn">Search</button>
</form>

Inline form

<form class="form-inline">
{{ form|twitter_bootstrap:"inline" }}
<button type="submit" class="btn">Sign in</button>
</form>

Horizontal form

<form class="form-horizontal">
{{ form|twitter_bootstrap:"horizontal" }}
<div class="contrl-group">
<div class="controls">
<button type="submit" class="btn">Sign in</button>
</div>
</div>
</form>

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-twitterbootstrap-form-0.2.tar.gz (4.2 kB view hashes)

Uploaded Source

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