首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Dash应用程序- NavBar

Dash应用程序- NavBar
EN

Stack Overflow用户
提问于 2018-03-14 04:47:58
回答 1查看 9.1K关注 0票数 3

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

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

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

EN

回答 1

Stack Overflow用户

发布于 2018-06-05 05:34:51

我在应用程序的每个页面上都放了一个导航栏。我将其添加到布局中。如下所示:

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') 
])...

在我的布局中,这是main div的一个子目录。上面的类来自bootstrap.css,Dash HTML组件都是列出的here。我今天才弄明白这一点,所以我还在改进css。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49265608

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档