Announcing Dash Bio 1.0.0 🎉 : a one-stop-shop for bioinformatics and drug development visualizations.

Columns wont work

I have a problem with getting the layout of my dashboard to work.

When I try to run this code:
import dash
from dash import dcc
from dash import html
from dash.dependencies import Input, Output

import dash_bootstrap_components as dbc

app = dash.Dash(__name__)

app.layout = html.Div([
    dbc.Row(
            [
                dbc.Col(html.Div("One of three columns")),
                dbc.Col(html.Div("One of three columns")),
                dbc.Col(html.Div("One of three columns")),
            ]
        )
])

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

the one of three columns just get put under each other instead of next to eachother.
I also tried using a different browers and tried using className in de html.DIv but it all wont work.

this is wat the code in my browser says.

Dash
Loading…

not really good in html or anything, so dont know if it will help

Hi @boris.vetto and welcome to the Dash community :slight_smile:

Try adding a stylesheet, for example:

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