I have implemented the Bootstrap dash layout for my web application, but I want to place the text in the red area instead of at the top of the page. Can anyone guide me on how to achieve this?
https://i.sstatic.net/RcNhy.png
I have already tried using
"align":"center" and "justify":"center"
without success.
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)
I know there are workarounds available using flask-bootstrap, but how can I achieve the same result using dash-plotly-bootstrap?