python - 使用破折号的 Web 应用程序

Question

如何扩展容器的宽度以在单行中容纳更多数量的地块？我只能使用引导破折号组件创建最多 12 列。有什么解决办法吗？

标签： pythonbootstrap-4web-applicationscontainersplotly-dash

Answer 1

您可以将多个图放在一个 div 中。我假设现在您有一个 div，其中有 12 个图，每个图代表引导视图中的一个单元格。

dbc.Row([
    dbc.Col(plot0, width=1)
    ... 
])

您可以将它们进一步嵌套分组以实现这一目标。

dbc.Row([
    dbc.Col(dbc.Row([dbc.Col(plot0), dbc.Col(plot1)])),
    dbc.Col(dbc.Row([dbc.Col(plot2), dbc.Col(plot3)]))
    ...
])

您可能会发现原始 Boostrap 网格系统上的嵌套文档很有用