Skip to content

tzangms/django-bootstrap-form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

a9645b9 · Mar 7, 2024
Mar 15, 2018
Sep 10, 2013
Dec 5, 2013
Feb 21, 2018
Sep 11, 2016
Feb 21, 2018
Mar 9, 2015
Sep 14, 2011
Feb 14, 2012
Sep 12, 2017
Feb 21, 2018
Feb 21, 2018
Mar 7, 2024
Feb 21, 2018

Repository files navigation

Django bootstrap form

PyPI version https://travis-ci.org/tzangms/django-bootstrap-form.png?branch=master https://coveralls.io/repos/tzangms/django-bootstrap-form/badge.png?branch=master

Twitter Bootstrap for Django Form.

A simple Django template tag to work with Bootstrap

Installation

Install django-bootstrap-form with pip

$ pip install django-bootstrap-form

Usage

Add "bootstrapform" to your INSTALLED_APPS.

At the top of your template load in our template tags:

{% load bootstrap %}

Then to render your form:

<form role="form">
    <legend>Form Title</legend>
    {% csrf_token %}
    {{ form|bootstrap }}
    <div class="form-group">
      <button type="submit" class="btn btn-primary">Submit</button>
    </div>
</form>

You can also set class="form-vertical" on the form element.

To use class="form-inline" on the form element, also change the "|boostrap" template tag to "|bootstrap_inline".

It is also possible to create a horizontal form. The form class and template tag are both changed, and you will also need slightly different CSS around the submit button:

<form class="form-horizontal">
    <legend>Form Title</legend>
    {% csrf_token %}
    {{ form|bootstrap_horizontal }}
    <div class="form-group">
      <div class="col-sm-10 col-sm-offset-2">
        <button type="submit" class="btn btn-primary">Submit</button>
      </div>
    </div>
</form>

Demo

Checkout this Demo site to see it in action.