难以理解为什么CSS不会从静态HTML页面复制到Flask

时间:2019-09-17 04:33:54

标签: html css flask

必须使用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组件运行正常

0 个答案:

没有答案