How to correctly align div?

Hi everybody, I’m new to both dash and web development. I want to build a dashboard with two different div, aligned side-by-side, in which the left one has a series of sliders and other components to and on the right there a graph that shows an output according to the inputs. I’m not interested now in the callbacks, I just want to align properly the div. Any suggestion how to set the style? Moreover, If I want to put some labels over the sliders, how can I align them over the component?

You could use dash-bootstrap-components, it has layout components that offer a Dash interface to Bootstrap’s grid system that makes this sort of thing pretty straight-forward.

The app you’re describing sounds somewhat similar to this example that you could use as a starting point.

OMG combining these three examples I can obtain the dashboard as I thought it. Thanks

1 Like