Grid-layout doesn't work

Dash Python
1 
import dash
import dash_html_components as html
import dash_bootstrap_components as dbc
app = dash.Dash(__name__)

row = html.Div(
    [
        dbc.Row(dbc.Col(html.Div("A single, half-width column"), width=6)),
        dbc.Row(
            dbc.Col(html.Div("An automatically sized column"), width="auto")
        ),
        dbc.Row(
            [
                dbc.Col(html.Div("One of three columns"), width=3),
                dbc.Col(html.Div("One of three columns")),
                dbc.Col(html.Div("One of three columns"), width=3),
            ]
        ),
    ]
)
# Layout of the page:
app.layout = row


if __name__ == "__main__":

    app.run_server(debug=True, port=13151)

image
image1009×609 46.4 KB

2

Hi @renyi

Try adding a Bootstrap stylesheet - see more information here
If you would just like the Grid and none of the other theme classes, you can add it like this:

app = dash.Dash(__name__, external_stylesheets=[dbc.themes.GRID])
1 Like