Question

我检查了其他主题，它们看起来很相似，但不能解决我的问题：我正在使用flask和bootstrap编写一个Web应用程序，但工作正常，但是我的自定义样式表被完全忽略了，我不知道为什么。

  <head>
      <!-- Required meta tags -->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
      <link href="/static/styles.css" rel="stylesheet">
      <title>C$50 Final_Project: {% block title %}{% endblock %}</title>    
  </head>

Answer 1

使用编译的CSS和JS代替吗？

https://getbootstrap.com/docs/4.3/getting-started/download/

，也许尝试使用“ url_for”作为文件路径 <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='bootstrap/bootstrap.min.css') }}">

Answer 2

浏览器缓存需要清除...

我不确定为什么这个问题会被否决，但我可能应该补充一点，static.css的路径不是问题...

使用Flask：引导程序有效，但自定义样式表无效

2 个答案: