Dash Bootstrap Components Grid System not working

@Iwas wrote:

Hello, I am trying to use the Grid Layout from Bootstrap for my apps but the tutorial in the docs is not working for me. When I place something inside a row it is still displayed below each other and not in one row. Am I missing something? would be glad if someone could help me out

import dash
import dash_core_components as dcc
import dash_html_components as html
import dash_bootstrap_components as dbc

external_stylesheets = ['dbc.themes.BOOTSTRAP']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)


app.layout = html.Div(
    [
        dbc.Row(
            [
                dbc.Col(html.Div("Row 0, Column 0"),width=4),
                dbc.Col(html.Div("Row 0, Column 1"),width=4),
                dbc.Col(html.Div("Row 0, Column: 2"),width=4)
            ]
        )

        ])




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

Aren’t the colums supposed to be aligned next to each other in one row like that?

I have installed boostrap core components and it is working fine for me in general (e.g. Alerts).

Posts: 3

Participants: 2

Read full topic