更改烧瓶导航栏的背景颜色和文本颜色

Question

我正在使用以下代码创建一个简单的烧瓶导航栏，请问我如何更改背景颜色和文本颜色，

from flask import Flask
from flask_bootstrap import Bootstrap
from flask_nav import Nav
from flask_nav.elements import Navbar, Subgroup, View

app = Flask(__name__)

Bootstrap(server)

nav = Nav(app)

@nav.navigation('my_nav')
def create_navbar():
    home_view = View('Home', 'home')
    dashboar_view = View('Dashboard', 'dashboard1')
    return Navbar('My App', home_view, dashboar_view)

以下是我的base.html

{% extends "bootstrap/base.html" %}
{% block navbar %}
{{ nav.my_nav() }}
{% endblock %}

谢谢！ 库玛。

Answer 1

Flask-Nav和Flask-Bootstrap使用Bootstrap 3，因此您可以像这样在基本模板中覆盖相应的CSS类：

{% extends "bootstrap/base.html" %}

{% block styles %}
{{ super() }}
<style>
    .navbar-nav {...}
    .navbar-default {...}
</style>
{% endblock %}

{% block navbar %}
{{ nav.my_nav() }}
{% endblock %}

有关自定义导航栏颜色，请查看此answer。