bootstrap navbar奇怪地加载

Question

我在我的烧瓶网络服务器上使用此navbar.html，如果我运行它，它看起来像这样：

但它看起来应该是这样的：

polling$

我的静态文件夹中有css文件，我在模板文件夹中有html。我复制了官方bootstrap页面中的所有代码。我做错了什么？

Answer 1

看起来你的CSS没有加载。

假设您的static文件夹中有Bootstrap-CSS，请在模板中引用它，如下所示：

<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='bootstrap.min.css') }}">

通常，请使用Flask避免使用硬编码的网址，而是使用url_for。

请参阅here for static files和here for URL building in general。