如何使用dash-bootstrap垂直和水平居中标题文本

Question

我使用引导破折号布局为我的Web应用程序布局。但是我希望文本将在红色区域，而不是在页面顶部。我该如何实现呢？

我已经尝试使用的对齐：中心和证明：中心，但没有帮助

import dash_bootstrap_components as dbc 
import dash_html_components as html 
import dash

body = dbc.Container([ 
dbc.Row(
            [
            html.H1("test")
            ], justify="center", align="center"
            )
]

)

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

app.layout = html.Div([body])

if __name__ == "__main__":
    app.run_server(debug=True)

了解使用flask bootstrap有一些解决方法，但如何使用dash plotly booststrap进行同样的操作？

Answer 1

在搜索开发人员的github后，我发现了这个已解决的问题，事实证明，您可以使用容器的style参数设置破折号行的高度，并使用className=“h-50”设置高度。因此，解决方案如下所示：

import dash_bootstrap_components as dbc 
import dash_html_components as html 
import dash

body = dbc.Container([ 
dbc.Row(
            [
            html.H1("test")
            ], justify="center", align="center", className="h-50"
            )
],style={"height": "100vh"}

)

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

app.layout = html.Div([body])

if __name__ == "__main__":
    app.run_server(debug=True)