Announcing Dash Bio 1.0.0 🎉 : a one-stop-shop for bioinformatics and drug development visualizations.

Grid-layout doesn't work

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)

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