使用 dbc.col 和 dbc.row 的 plotly dash 布局

Question

嘿，我是这个 boostrap 的新手。我想做这样的布局

但我不知道怎么做。相反，如果我使用这个简单的代码

dbc.Row([dbc.Col([content]),dbc.Col([content]),dbc.Col([content]),dbc.Col([content])]),
dbc.Row([dbc.Col([content]),dbc.Col([content]),dbc.Col([content])]),
dbc.Row([dbc.Col([content]),dbc.Col([content])])

原来是这样

我只需要布局代码，如示例

Answer 1

我认为你的问题是你在第一行声明了 3 行你有 4 列在第二行有 3 列而在第三行你有 2 列

你应该尝试声明这样的东西

dbc.Row([dbc.Col([dbc.Row([content]),dbc.Row([content])]),dbc.Col([dbc.Row([content]),dbc.Row([content])]),dbc.Col([content]),
dbc.Row([dbc.Col([content]),dbc.Col([content])])

使用 dbc.col 和 dbc.row 的 plotly dash 布局

plotly dash layout with dbc.col and dbc.row

python

plotly

plotly-dash