python dash 中使用bootstrap排版(栅格系统)

import dash_bootstrap_components as dbc
import dash_html_components as html

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

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),
            ]
        ),
    ]
)

　　实现效果: