Hướng dẫn dash bootstrap columns not working - gạch ngang các cột bootstrap không hoạt động

)

[

import dash
import dash_html_components as html
import dash_bootstrap_components as dbc

app = dash.Dash(external_stylesheets=[dbc.themes.DARKLY])
row = html.Div([
    dbc.Container(
    [
        dbc.Row(dbc.Col(html.Div("A single column"))),
        dbc.Row(
            [
                dbc.Col(html.Div("One of two columns")),
                dbc.Col(html.Div("One of two columns")),
            ]
        ),
    ]
    )
])

app.layout = row

Tôi đang cố gắng xây dựng một bảng điều khiển bằng cách sử dụng Plotly-Dash và Bootstrap cho Python. Bây giờ tôi đang cố gắng định dạng bảng điều khiển sao cho tôi có hai cột với đầu vào ở bên trái và biểu đồ bên phải. Tuy nhiên tôi không nhận được hai cột. Dưới đây là một ví dụ mã sẽ tạo ra hai cột, nhưng không có thể (rất có thể là sai lầm của tôi). Tôi đã cố gắng đơn giản hóa mã càng nhiều càng tốt nhưng nó vẫn không hoạt động.

Trả về những điều sau đây;

Mã HTML là như sau;

Lỗi/vấn đề của bảng điều khiển;