Sample 1.

# import dash
from jupyter_dash import JupyterDash
from dash import dcc

import dash_bootstrap_components as dbc

# dash_boostrap_components themes setting
app = JupyterDash(__name__,external_stylesheets=[dbc.themes.MORPH])

#상단
navbar = dbc.NavbarSimple(
    children=[
        dbc.NavItem(dbc.NavLink(dcc.Upload(id='upload-data', children=html.Div('Upload File'))))
    ],
    brand="EWPCI",
    # brand_href="#1",            #제목 클릭시 해당 페이지로 이동
    className = 'navbar navbar-expand-lg navbar-light bg-light'
)

#사이드
sidebar = html.Div(
    [
        html.P('Sidebar')
        ]
)

#메인
content = html.Div(
    [
        dbc.Row(html.P('Content'), style={"height": "50vh"}),
        dbc.Row(
            [
                dbc.Col(html.P('Content1'), width=6),
                dbc.Col(html.P('Content2'), width=6)
            ]
            , style={"height": "50vh"}
        )
    ]
)

app.layout = dbc.Container(
    [
        dbc.Row(navbar, style={"height": "10vh"}),
        dbc.Row(
            [
                dbc.Col(sidebar, width=2, className='bg-dark'),
                dbc.Col(content, width=10)
                ],
            style={"height": "90vh"}
            )
        ],
    fluid=True
    )

if __name__=='__main__':
    app.run_server(mode='inline', debug=True, port=8051)

Untitled

Sample 2.

external_stylesheets = ['<https://codepen.io/chriddyp/pen/bWLwgP.css>']

	app = Dash(__name__, external_stylesheets=external_stylesheets)