a simple form filter for using Django forms with Bootstrap
Project description
Django Forms Bootstrap
======================
.. image:: http://slack.pinaxproject.com/badge.svg
:target: http://slack.pinaxproject.com/
.. image:: https://img.shields.io/travis/pinax/django-forms-bootstrap.svg
:target: https://travis-ci.org/pinax/django-forms-bootstrap
.. image:: https://img.shields.io/coveralls/pinax/django-forms-bootstrap.svg
:target: https://coveralls.io/r/pinax/django-forms-bootstrap
.. image:: https://img.shields.io/pypi/dm/django-forms-bootstrap.svg
:target: https://pypi.python.org/pypi/django-forms-bootstrap/
.. image:: https://img.shields.io/pypi/v/django-forms-bootstrap.svg
:target: https://pypi.python.org/pypi/django-forms-bootstrap/
.. image:: https://img.shields.io/badge/license-MIT-blue.svg
:target: https://pypi.python.org/pypi/django-forms-bootstrap/
Pinax
------
Pinax is an open-source platform built on the Django Web Framework. It is an ecosystem of reusable Django apps, themes, and starter project templates.
This collection can be found at http://pinaxproject.com.
django-forms-bootstrap
-----------------------
``django-forms-bootstrap`` is a simple bootstrap filter for Django forms. Extracted from the
bootstrap theme for Pinax.
Getting Started
-----------
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 three types of forms. To change the display of
your form, add one of the following class attributes to your form tag and
use the appropriate template filter:
================ ====================================== ========================================
Class Template filter Description
================ ====================================== ========================================
.form-vertical ``{{ form|as_bootstrap }}`` Labels over controls (default)
.form-horizontal ``{{ form|as_bootstrap_horizontal }}`` Labels on same line as controls
.form-inline ``{{ form|as_bootstrap_inline }}`` Compact style with inline-block controls
================ ====================================== ========================================
Documentation
--------------
The ``django-forms-bootstrap`` documentation is currently under construction. If you would like to help us write documentation, please join our Pinax Project Slack team and let us know! The Pinax documentation is available at http://pinaxproject.com/pinax/.
Contribute
----------------
See this blog post http://blog.pinaxproject.com/2016/02/26/recap-february-pinax-hangout/ including a video, or our How to Contribute (http://pinaxproject.com/pinax/how_to_contribute/) section for an overview on how contributing to Pinax works. For concrete contribution ideas, please see our Ways to Contribute/What We Need Help With (http://pinaxproject.com/pinax/ways_to_contribute/) section.
In case of any questions we recommend you join our Pinax Slack team (http://slack.pinaxproject.com) and ping us there instead of creating an issue on GitHub. Creating issues on GitHub is of course also valid but we are usually able to help you faster if you ping us in Slack.
We also highly recommend reading our Open Source and Self-Care blog post (http://blog.pinaxproject.com/2016/01/19/open-source-and-self-care/).
License & Attribution
---------------------
Django Forms Bootstrap is released under the MIT license. It does not include
any styles or scripts from the Bootstrap project.
Code of Conduct
----------------
In order to foster a kind, inclusive, and harassment-free community, the Pinax Project has a code of conduct, which can be found here http://pinaxproject.com/pinax/code_of_conduct/.
We ask you to treat everyone as a smart human programmer that shares an interest in Python, Django, and Pinax with you.
Pinax Project Blog and Twitter
-------------------------------
For updates and news regarding the Pinax Project, please follow us on Twitter at @pinaxproject and check out our blog http://blog.pinaxproject.com.
======================
.. image:: http://slack.pinaxproject.com/badge.svg
:target: http://slack.pinaxproject.com/
.. image:: https://img.shields.io/travis/pinax/django-forms-bootstrap.svg
:target: https://travis-ci.org/pinax/django-forms-bootstrap
.. image:: https://img.shields.io/coveralls/pinax/django-forms-bootstrap.svg
:target: https://coveralls.io/r/pinax/django-forms-bootstrap
.. image:: https://img.shields.io/pypi/dm/django-forms-bootstrap.svg
:target: https://pypi.python.org/pypi/django-forms-bootstrap/
.. image:: https://img.shields.io/pypi/v/django-forms-bootstrap.svg
:target: https://pypi.python.org/pypi/django-forms-bootstrap/
.. image:: https://img.shields.io/badge/license-MIT-blue.svg
:target: https://pypi.python.org/pypi/django-forms-bootstrap/
Pinax
------
Pinax is an open-source platform built on the Django Web Framework. It is an ecosystem of reusable Django apps, themes, and starter project templates.
This collection can be found at http://pinaxproject.com.
django-forms-bootstrap
-----------------------
``django-forms-bootstrap`` is a simple bootstrap filter for Django forms. Extracted from the
bootstrap theme for Pinax.
Getting Started
-----------
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 three types of forms. To change the display of
your form, add one of the following class attributes to your form tag and
use the appropriate template filter:
================ ====================================== ========================================
Class Template filter Description
================ ====================================== ========================================
.form-vertical ``{{ form|as_bootstrap }}`` Labels over controls (default)
.form-horizontal ``{{ form|as_bootstrap_horizontal }}`` Labels on same line as controls
.form-inline ``{{ form|as_bootstrap_inline }}`` Compact style with inline-block controls
================ ====================================== ========================================
Documentation
--------------
The ``django-forms-bootstrap`` documentation is currently under construction. If you would like to help us write documentation, please join our Pinax Project Slack team and let us know! The Pinax documentation is available at http://pinaxproject.com/pinax/.
Contribute
----------------
See this blog post http://blog.pinaxproject.com/2016/02/26/recap-february-pinax-hangout/ including a video, or our How to Contribute (http://pinaxproject.com/pinax/how_to_contribute/) section for an overview on how contributing to Pinax works. For concrete contribution ideas, please see our Ways to Contribute/What We Need Help With (http://pinaxproject.com/pinax/ways_to_contribute/) section.
In case of any questions we recommend you join our Pinax Slack team (http://slack.pinaxproject.com) and ping us there instead of creating an issue on GitHub. Creating issues on GitHub is of course also valid but we are usually able to help you faster if you ping us in Slack.
We also highly recommend reading our Open Source and Self-Care blog post (http://blog.pinaxproject.com/2016/01/19/open-source-and-self-care/).
License & Attribution
---------------------
Django Forms Bootstrap is released under the MIT license. It does not include
any styles or scripts from the Bootstrap project.
Code of Conduct
----------------
In order to foster a kind, inclusive, and harassment-free community, the Pinax Project has a code of conduct, which can be found here http://pinaxproject.com/pinax/code_of_conduct/.
We ask you to treat everyone as a smart human programmer that shares an interest in Python, Django, and Pinax with you.
Pinax Project Blog and Twitter
-------------------------------
For updates and news regarding the Pinax Project, please follow us on Twitter at @pinaxproject and check out our blog http://blog.pinaxproject.com.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
File details
Details for the file django-forms-bootstrap-3.1.0.tar.gz
.
File metadata
- Download URL: django-forms-bootstrap-3.1.0.tar.gz
- Upload date:
- Size: 6.3 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | ffc6d2b9fba03e2366884e82f613daf1284702e9346746e0e9de299db8138d6f |
|
MD5 | 038a0d1533a7682c0754047f14b6a1a3 |
|
BLAKE2b-256 | c214e80f3fefad1e5ec0a7031e6810b0e75b18914250b697a584dd0b8f6c3935 |
File details
Details for the file django_forms_bootstrap-3.1.0-py2.py3-none-any.whl
.
File metadata
- Download URL: django_forms_bootstrap-3.1.0-py2.py3-none-any.whl
- Upload date:
- Size: 9.5 kB
- Tags: Python 2, Python 3
- Uploaded using Trusted Publishing? No
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | 50d69baf6c6f262f6ae3651096b52c31552cb75d37493f0c917ce2c16d13f0d9 |
|
MD5 | 401b9410043064a79204182e3326ac96 |
|
BLAKE2b-256 | f2bd6bff32d77e093ed7a5804591b8a4dd46f1ccd621129fdcad84afc6d8be30 |