python - Dash 应用程序 - 导航栏

标签 python html navbar plotly-dash

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

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

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

最佳答案

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

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 的子级之一。以上类(class)来自bootstrap.css Dash HTML 组件均已列出 here 。我今天才自己弄清楚这一点,所以我仍在完善CSS。

关于python - Dash 应用程序 - 导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49265608/

相关文章:

html - CSS位置响应式设计移动 View

css - BootStrap 导航栏侧面按钮未显示

html - 无法更改导航栏下拉样式

python - push_notebook 不更新 Bokeh 更改 data_source

带有 C 服务器的 HTML 页面?

html - 浏览器读取 CSS 但不渲染它?

ios - iphone组合标签栏和navigationController

python - 一般来说,我应该编写代码体的多个版本,以防用户丢失软件包吗?

python - 使用机器学习预测 NA(缺失值)

python - 将多个 CSV 文件合并到...并具有最大大小限制