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 [Bootstrap 3](http://getbootstrap.com/css/#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

### About Bootstrap 2

You can install the 0.2 version of this lib if you still work with old versions
of [Twitter Bootstrap](http://twitter.github.com/bootstrap/base-css.html#forms)

From PyPI

pip install django-twitterbootstrap-form==0.2

From Source:

git checkout 0.2
python setup.py install

## Requirements

* Django>=1.4
* django-widget-tweaks==1.3

## 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 role="form">
{{ default_form|twitter_bootstrap }}
<button type="submit" class="btn btn-default">Submit</button>
</form>

Search form / Navbar form

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

Inline form

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

Horizontal form

<form role="form" class="form-horizontal">
{{ horizontal_form|twitter_bootstrap:"horizontal" }}
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">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.3.tar.gz (4.4 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