✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
⚡️ Concerned about the grid? Kyle Baranko teaches how to predicting peak loads using XGBoost. Register for the August webinar!

Problems with Dash bootstrap

I’m new to dash bootstrap, but it seems interesting. The problem that I have is fitting two pieces of the puzzle together. If I use their simple sidebar program to set up my website, I don’t seem to be able to call any of the code snippets that they show in their website.

My question is how do I get the two pieces to fit together?

Code for the simple sidebar:
https://dash-bootstrap-components.opensource.faculty.ai/examples/simple-sidebar/

Code for the simple example of forms:

import dash_bootstrap_components as dbc

email_input = dbc.FormGroup(
    [
        dbc.Label("Email", html_for="example-email"),
        dbc.Input(type="email", id="example-email", placeholder="Enter email"),
        dbc.FormText(
            "Are you on email? You simply have to be these days",
            color="secondary",
        ),
    ]
)

password_input = dbc.FormGroup(
    [
        dbc.Label("Password", html_for="example-password"),
        dbc.Input(
            type="password",
            id="example-password",
            placeholder="Enter password",
        ),
        dbc.FormText(
            "A password stops mean people taking your stuff", color="secondary"
        ),
    ]
)

form = dbc.Form([email_input, password_input])