The Wayback Machine - https://web.archive.org/web/20200324043544/https://github.com/facultyai/dash-bootstrap-components
Skip to content
Bootstrap components for Plotly Dash
JavaScript Python CSS
Branch: master
Clone or download

Latest commit

Latest commit e6b67b7 Mar 15, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Update readme Dec 26, 2019
dash_bootstrap_components Bump version to 0.9.1 Mar 12, 2020
demo Use Bootstrap 4.4.1 Nov 28, 2019
docs Bump werkzeug version Mar 15, 2020
examples Fix initial load of graphs in tabs Mar 14, 2020
readme-images Change README to give a flavour of available components Nov 24, 2018
scss Add styles for Slider and RangeSlider Dec 24, 2019
src Add fullscreen option to spinner. Feb 18, 2020
webpack Simplify using babel-loader Dec 17, 2018
.babelrc Update jest and dependencies Jul 14, 2019
.gitignore Add examples page Mar 15, 2020
.prettierrc Add prettier Oct 31, 2018
.travis.yml Add installation test to CI Mar 12, 2020
Gruntfile.js Add build pipeline for custom bootstrap css Mar 11, 2019
LICENSE.txt Update year in licence and add notice Jan 8, 2020
MANIFEST.in Add missing file to MANIFEST Dec 24, 2018
NOTICE.txt Update year in licence and add notice Jan 8, 2020
README.md Update copyright year Feb 27, 2020
landing-page.md Add some spacing back to top level links Feb 27, 2020
package-lock.json Bump version to 0.9.1 Mar 12, 2020
package.json Bump version to 0.9.1 Mar 12, 2020
pyproject.toml Add modal to docs Apr 19, 2019
setup.cfg Restructure markdown pipeline Mar 14, 2020
setup.py Fix setup.py for Python 2 Mar 12, 2020
tasks.py Update documentation release task Mar 15, 2020

README.md

dash-bootstrap-components logo

Dash Bootstrap Components

Bootstrap components for Plotly Dash
Explore the documentation · Report a bug · Request a feature

Travis (.org) GitHub PyPI Conda (channel only) PyPI - Python Version

dash-bootstrap-components is a library of Bootstrap components for use with Plotly Dash, that makes it easier to build consistently styled Dash apps with complex, responsive layouts.

Table of contents

Installation

PyPI

You can install dash-bootstrap-components with pip:

pip install dash-bootstrap-components

Anaconda

You can also install dash-bootstrap-components with conda through the conda-forge channel:

conda install -c conda-forge dash-bootstrap-components

Quick start

To use dash-bootstrap-components you must do two things:

  • Link a Bootstrap v4 compatible stylesheet
  • Incorporate dash-bootstrap-components into your layout

Linking a stylesheet

dash-bootstrap-components doesn't come with CSS included. This is to give you the freedom to use any Bootstrap v4 stylesheet of your choice. This means however that in order for the components to be styled properly, you must link to a stylesheet yourself.

For convenience, links to BootstrapCDN for each theme are available through the themes module, which can be used as follows:

import dash
import dash_bootstrap_components as dbc

app = dash.Dash(external_stylesheets=[dbc.themes.BOOTSTRAP])

For more information on how to link local or external CSS, check out the Dash documentation.

Build the layout

With CSS linked, you can start building your app's layout with our Bootstrap components. See our documentation for a full list of available components, which include:

Standard row and column-based layouts

layout


Cards

cards


Tabs

tabs


Forms

forms


Dropdown menus


Tooltips

... and many more.

Contributing

We welcome contributions to dash-bootstrap-components. If you find a bug or something is unclear please submit a bug report, if you have ideas for new features please feel free to make a feature request. If you would like to submit a pull request, please read our contributing guide.

Copyright and license

Code and documentation is copyright Faculty Science Ltd. 2018-2020, and released under the Apache 2.0 license

You can’t perform that action at this time.