Quantcast
Channel: 🎛️ Dash - Plotly Community Forum
Viewing all articles
Browse latest Browse all 6271

Dbc row and columns not aligning

$
0
0

Hi, I am trying to create a simplar dashboard layout and just cannot get it to work. It involves having two rows of different heights in one column on the left and then one big column on the right. So I have managed to do it but I cannot get column 1, to be flush against 2 and 3, I have tried everything but I am new to this.

Here is the code:

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

app.title = " Dashboard"

app.layout = dbc.Container(

    [

    dbc.Row([    

    dbc.Col(html.Div([

        dbc.Row([dbc.Col(html.Div(html.B('2')),style={'height': '80px',"border":"1px black solid"},width=3)]),

        dbc.Row([dbc.Col(html.Div(html.B('3')),style={'height': '900px',"border":"1px black solid"},width=3)]),

        ])),

    dbc.Col(html.Div(html.B('1'), style={'height': '100%',"border":"1px black solid"})),

            ])

    ], fluid = True)
`

4 posts - 2 participants

Read full topic


Viewing all articles
Browse latest Browse all 6271

Latest Images

Trending Articles



Latest Images