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)
- Result (by Dash Bootstrap Components)

Sample 2.
external_stylesheets = ['<https://codepen.io/chriddyp/pen/bWLwgP.css>']
app = Dash(__name__, external_stylesheets=external_stylesheets)