Dash App - NavBar

问题描述 投票:1回答:1

有没有人在他们的Dash应用程序中创建并插入Navbar成功?

我有一个自定义的css表用于其他元素,但我知道我需要在破解虚拟代码中创建horizontal navbar object,然后在css端调用编辑。

我会在哪里以Dashful方式插​​入我的导航栏对象?或者更确切地说,ul列表和hrefs列表具体?

python html navbar plotly-dash
1个回答
2
投票

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

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。

© www.soinside.com 2019 - 2024. All rights reserved.