Question

在此代码中，Flask Nav起作用，直到我添加了Flask Bootstrap代码：

from flask import Flask, render_template
from flask_bootstrap import Bootstrap
from flask_nav import Nav
from flask_nav.elements import Navbar, Subgroup, View, Link, Text, Separator

app = Flask(__name__)
nav = Nav(app)

nav.register_element('my_navbar', Navbar(
    'thenav',
    View('Home Page', 'index'),
    View('Item', 'item', item=1),
    Separator(),
    Link('Google', 'https://www.google.com'),
    Separator(),
    Text('Some text'),
    Subgroup('Extras',
        Link('Yahoo', 'https://www.yahoo.com'),
        View('Index', 'index')
    )
))

Bootstrap(app)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/items/<item>')
def item(item):
    return '<h2>The item is {} </h2>'.format(item)

if __name__ == '__main__':
    app.run(debug=True)

一旦添加了Flask Bootstrap，我就会得到

AttributeError：“ Navbar”对象没有属性“ kwargs”

Answer 1

在使用flask-boostrap 4.0.2时，我也遇到了这个问题，因为我的目标是使用Bootstrap4。恢复到flask-bootstrap 3.3.7.1后，它开始工作（假设我还使用了Boostrap 3.3.7）。在撰写本文时，3.3.7.1似乎是flask-boostrap and is 2 years stale的最新版本。所谓的"flask-bootstrap4"持续了一年没有新版本发布，并且似乎没有公开的git repo供人们贡献。我相信nav.Bootstraprenderer类在v4中已损坏，但是如果使用BS4，则v3代码无法正确呈现NavBars。

花了几个小时之后，我不确定使用flask-boostrap会得到很多收益：维护自己的Jinja2基本模板并导入我们想要的BS版本以及{{ 3}}。

Answer 2

经过20天的奋斗，我发现我的Navbar是使用flask-nav在pyhton中创建的，但似乎flask-Bootstrap4版本与flask-nav不兼容。因此，我注释掉了所有与Nav-bar相关的代码，并尝试使用Bootstrap4在HTML本身中创建NavBar。然后它对我有用。我使用了cosmo.Bootstrap.min.css主题，并且应该安装flask-Bootstrap4，即：pip install flask-Bootstrap4 希望这个答案会有所帮助。

我的NavBar的HTML代码实现

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="{{ url_for('index') }}">NavBar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" 
     data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" 
       aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNavDropdown">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="{{ url_for('index') }}">Home <span 
          class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="{{ url_for('Title_2') }}">Title_2</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="{{ url_for('Title_3') }}">Title_3</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          User
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
          <a class="dropdown-item" href="{{ url_for('login') }}">Login</a>
<a class="dropdown-item" href={{url_for('change_password')}}">Change Password</a>
          <a class="dropdown-item" href={{url_for('logout')}}">Logout</a>
        </div>
      </li>
    </ul>
  </div>
</nav>

您可以点击此链接并获得如何实现NavBar的想法： https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-ii-templates

带Flask Bootstrap的Flask Nav：“ Navbar”对象没有属性“ kwargs”

2 个答案: