Skip to main content

A Django app that provides easy to use wrappers for common Bootstrap components

Project description

https://api.travis-ci.com/IshanManchanda/dj-bootstrap-components.svg?branch=master https://readthedocs.org/projects/dj-bootstrap-components/badge/?version=latest https://badge.fury.io/py/dj-bootstrap-components.svg https://img.shields.io/pypi/dm/dj-bootstrap-components

Django Bootstrap components Supported Python versions: 3.7+ Supported Django versions: 3.0.0+

Quick start

Documentation: https://dj-bootstrap-components.rtfd.io/

1. Install “dj-bootstrap-components”. The recommended and only officially supported way is using pip:

pip install dj-bootstrap-components
  1. Add “bootstrap_components” to your INSTALLED_APPS setting:

    INSTALLED_APPS = [
        ...
        'bootstrap_components',
    ]

3. Add the following to your base template or to each template that will use the components:

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

Note that you can use any other CDN or self-host the files if you like.

  1. Within a template, simply include the needed component and pass it the required context:

    {% include 'bootstrap_components/alert.html' with content='<b> bold </b> sample text' color='primary' %}

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

dj-bootstrap-components-0.2.2.tar.gz (145.9 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