Bootstrap Jumbotron CSS模板不适用于Django项目

Question

我是Django项目的新手，正在尝试将Bootstrap应用于我的Django网站。

首先，让我向您展示获得的屏幕，因为这样可以更好地理解屏幕。 该页面是网站的“关于”（在我的项目结构中为“ hakkimizda”文件夹）页面，并且是Django的扁平页面。

页面结果图像

我的项目结构是这样的；

• 我的项目
• • 家
• • 我的项目
• • 页数
• • 静态的
• • • 资产
• • • 的CSS
• • • dist
• • • 图片
• • • favicon.ico
• • 范本
• • • 平面
• • • • 哈基米兹达
• • • • • index.html
• • • • • 巨无霸

在我的index.html文件中，路径是这样的；

<!-- Bootstrap core CSS -->
<link href="/static/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="/static/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="/templates/flatpages/hakkimizda/jumbotron.css" rel="stylesheet">

<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="/static/assets/js/ie-emulation-modes-warning.js"></script>

静态文件夹包含Bootstrap的文件。 Pages文件夹是仅针对平面创建的应用程序。

您能帮我解决这个问题吗？ 谢谢。

Answer 1

您是否已运行python manage.py collectstatic ？

collectstatic文件