为什么我的模板html文件不使用引导css?

  • 本文关键字:css 文件 html django
  • 更新时间 :
  • 英文 :


我是Sreenesh,一个Django web框架的初学者。我在做一个项目的时候遇到了一些问题。这是我的我的django网站的输出,这不是我所期望的。这是我的HTML代码从这个我认为你可以说输出不是想要的一个。命令提示符抛出我这2个错误CMD提示符,我无法自己解决这些问题,因为我是一个自学的人。这是我的引导文件目录,你可以看到我在链接标签中指定的路径在我的html代码是正确的。这是settings。py和url。py。有没有人可以帮助我,我做错了,如何解决这些问题,这样我就可以得到我的项目,并学习一些宝贵的经验教训。谢谢大家。

更新:这是我的文件夹树,为那些需要它进行一些验证的人。

如果您在本地使用bootstrap时遇到一些麻烦,请使用CDN

在你的基础html文件:进入<head>标签

<!-- Boostrap css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">

在结束body标签之前

<!-- jQuery and Bootstrap js -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
crossorigin="anonymous"></script>

试一试,让我们知道结果

你得到一个404错误(不存在),当它试图加载bootstrap.min.css。因此,它不在

指定的文件夹中
{% static css/css/bootstrap.min.css %}

(或者可能存在文件保护问题)。无论如何,我认为这转换为$BASE_DIR/static/css/css/bootstrap.min.css(使用Linux符号,我不做Windows)。

检查文件是否存在?为了调试万一我错了,你可以得到它正在寻找的实际路径通过使用相同的模板标签来生成可见的HTML内容,或者一个HTML评论,你可以看到你的浏览器视图页面源

<!-- trying to load bootstrap from {% static css/css/bootstrap.min.css %} --> 

最新更新