Skip to main content

Bootstrap themed components for use in Plotly Dash

Project description

dash-bootstrap-components logo

Dash Bootstrap Components

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

GitHub Actions 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 v5 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 v5 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. These include layout components for organising the content of your app on the page, as well as UI components like navbars, cards, alerts and many more.

layout

See our documentation for a full list of available components.

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, which contains instructions on how to build and install dash-bootstrap-components locally, how to check your code will pass our linting checks, and how to submit the pull request itself.

Acknowledgements

The dash-bootstrap-components maintainers would like to thank Faculty for their early support in helping this project get off the ground. Since 2025, it has been maintained by the Dash community.

Copyright and license

Copyright © 2018–2025 Faculty Science Ltd. Copyright © 2025 the dash-bootstrap-components maintainers

Released under the Apache 2.0 license.

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

dash_bootstrap_components-2.0.4.tar.gz (115.6 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

dash_bootstrap_components-2.0.4-py3-none-any.whl (204.0 kB view details)

Uploaded Python 3

File details

Details for the file dash_bootstrap_components-2.0.4.tar.gz.

File metadata

File hashes

Hashes for dash_bootstrap_components-2.0.4.tar.gz
Algorithm Hash digest
SHA256 c3206c0923774bbc6a6ddaa7822b8d9aa5326b0d3c1e7cd795cc975025fe2484
MD5 cc406aeb49de59dbf649a51943bb0277
BLAKE2b-256 ccd45b7da808ff5acb3a6ca702f504d8ef05bc7d4c475b18dadefd783b1120c3

See more details on using hashes here.

File details

Details for the file dash_bootstrap_components-2.0.4-py3-none-any.whl.

File metadata

File hashes

Hashes for dash_bootstrap_components-2.0.4-py3-none-any.whl
Algorithm Hash digest
SHA256 767cf0084586c1b2b614ccf50f79fe4525fdbbf8e3a161ed60016e584a14f5d1
MD5 e42bc197e96639cc93748cc6f5210c85
BLAKE2b-256 d6381efeec8b4d741c09ccd169baf8a00c07a0176b58e418d4cd0c30dffedd22

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page