Dash 应用程序 - 导航栏

【问题标题】：Dash App - NavBarDash 应用程序 - 导航栏
【发布时间】：2018-03-13 20:47:58
【问题描述】：

有没有人成功地在他们的 Dash 应用程序中创建和插入导航栏？

我有一个用于其他元素的自定义 css 表，但我知道在调用 css 端进行编辑之前，我需要在破折号虚拟代码中创建 horizontal navbar object。

我应该在哪里以 Dashful 方式插入我的导航栏对象？或者更确切地说，是ul列表和href列表？

【问题讨论】：

【解决方案1】：

我在应用程序的每个页面上都放置了一个导航栏。我将它添加到布局中。像这样：

layout = html.Div(children=[
    html.Nav(className = "nav nav-pills", children=[
        html.A('App1', className="nav-item nav-link btn", href='/apps/App1'),
        html.A('App2', className="nav-item nav-link active btn", href='/apps/App2') 
])...

这是我布局中主 div 的子元素之一。上面的类来自bootstrap.css Dash HTML 组件都列出了here。我今天自己才弄清楚这一点，所以我仍在完善 css。

【讨论】：