Creating proper columns in python dash

Question

I am trying to create a dashboard with python dash and want two or more columns. Unfortunately I always end up with all the content stacked row wise. What am I missing here?

from dash import Dash, dcc, html, Input, Output
import dash_bootstrap_components as dbc


app = Dash(__name__)

app.layout = dbc.Container([
    dbc.Row([
        dbc.Col([
            html.H4('Zeitraum'),
        ], width=6),
        dbc.Col([
            html.H4('Test'),
        ], width=6)
    ]),
    dbc.Row([
        dbc.Col([
            html.H4('Test2')
        ], width=6),
        dbc.Col([
            html.H4('Test3')
        ], width=6)
    ]),
])

app.run_server(debug=True)

Waleed Malik · Accepted Answer · 2022-06-14 19:04:08Z

1

You just have to add an external stylesheet attribute inside your app object, like this:

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

answered Jun 14, 2022 at 19:04

Waleed Malik

3662 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Creating proper columns in python dash

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related