python dash 怎么使用dbc.Container

在 Python 的 Dash 应用程序中，`dbc.Container` 是 Bootstrap for Dash 模块提供的核心容器组件，用于组织页面布局。它允许你创建响应式、栅格化的页面结构。以下是使用 `dbc.Container` 的基本步骤：

1. **安装依赖**：
首先需要安装 `dash-bootstrap-components` 库，如果还没有安装，可以使用 pip 安装：

   pip install dash-bootstrap-components

2. **引入模块**：
在你的 Dash 脚本开头，导入 `dash_html_components` 和 `dbc`：

   import dash
   from dash import html
   import dash_bootstrap_components as dbc

3. **创建 Container**：
使用 `dbc.Container` 组件并传入所需的属性，比如 `fluid` 表示宽度自适应，`children` 包含你想要放置的其他 Dash 标签或组件：

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

   layout = dbc.Container(
       [
           # 这里放你的布局内容，例如 Row 和 Col
           dbc.Row(dbc.Col(html.H1("欢迎页面"), width=12)),
       ],
       fluid=True,  # 如果希望宽度自适应屏幕
       className="mt-5",  # 添加一些额外的 CSS 类名
   )

4. **设置应用布局**：
将 `layout` 作为 `app.layout` 属性返回，完成 Dash 应用的基本配置：

   app.layout = layout

5. **运行应用**：
最后，启动 Dash 应用：

   app.run_server(debug=True)