必须使用Flask为二手PC组件制造市场工具。此任务的一部分涉及到首先显示带有占位符数据的静态html页面,然后足够简单(我已经知道Flask)或我想的方式转换为flask。
现在,我遇到了一个问题,当我使用base.html模板时,并不是所有的.css文件都适用。该模板存储了我的导航栏,页脚以及我的标题/元数据组件。
Here's the Static HTML home page heading, where you can see a nicely formatted sidebar
Here's the footer on the same page
现在,当我将模板加载到Flask中时,它看起来像this在页面顶部,this在页脚。如您所见,仅部分CSS已应用。
就侧栏而言,其全部包含在称为侧栏的部门内。侧边栏ul,侧边栏ul li组件正在应用,但整体侧边栏div拒绝应用。页脚也不格式化句号。样式表只能在base.html中调用,而不能在index.html中调用。我通过使用
<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='styles/base.css') }}">
我的文件夹结构很好
---工作台---
------静态---
---------样式---
------------ base.css ---
Bootstrap组件运行正常