如何将 Bootstrap 图标添加到 Flask-Nav 导航栏答案

【问题标题】：How to add Bootrsap icons to Flask-Nav navbar如何将 Bootstrap 图标添加到 Flask-Nav 导航栏
【发布时间】：2017-09-30 16:49:19
【问题描述】：

我正在使用 Flask-Bootrsap/Flask-Nav 支持为我的 web 应用程序生成导航栏。我在尝试对其进行样式设置时遇到了一些问题。我想添加 bootrsap 或字体/真棒图标，但我不知道如何直接从我的渲染中做到这一点。

导航.py

@nav.navigation()
def mynavbar():
    return Navbar(
        'mysite',
        View('View Historic', 'Link1'),
        View('New users', 'Link2'),
        View('New users', 'Link3'),
        View('Upload file', 'Link4'),
        View('Packages', 'Link5'),
    )

Base.html

{% block navbar %}
    {{nav.mynavbar.render()}}
{% endblock %}

【问题讨论】：

返回 render_template('base.html') 并在 HTML 文件中进行所有样式设置不是更容易吗？那时，您基本上可以从引导示例中复制/粘贴，效果很好！

标签： python twitter-bootstrap flask flask-bootstrap flask-nav

【解决方案1】：

目前无法通过主分支。

见： https://github.com/mbr/flask-nav/pull/5 https://github.com/mbr/flask-bootstrap/pull/125

有人为 Flask-Nav 和 Flask-Bootstrap 创建了一个分支，以便在 View 链接中嵌入一个 img 标签。

但是，由于某种原因，所有者尚未合并拉取请求；他引用的借口在我看来是愚蠢的。

我建议使用： https://github.com/nypgand1/flask-nav/tree/feature-ViewImg

或为您自己的使用进行等效修改，因为所有者似乎不在乎。

【讨论】：

虽然理论上这可以回答这个问题，it would be preferable 在这里包含答案的基本部分，并提供链接以供参考。有关如何编写更好“基于链接”的答案的说明，请参阅here。谢谢！