Web application using dash

Question

How to expand the width of a container to accomadate more number of plots in a single row? I could only create columns upto 12 using a bootstrap dash components. Any solution?

Answer 1

You could put multiple plots into one div. I assume right now you have a div with 12 plots each representing a cell in bootstrap view.

dbc.Row([
    dbc.Col(plot0, width=1)
    ... 
])

You could nest grouping them further to achieve that.

dbc.Row([
    dbc.Col(dbc.Row([dbc.Col(plot0), dbc.Col(plot1)])),
    dbc.Col(dbc.Row([dbc.Col(plot2), dbc.Col(plot3)]))
    ...
])

You might find nested docs on grid system of original Boostrap useful