Python Corey Schafer Django（第3部分）：HTML格式不正确

因此，我正在阅读Corey Schafer的Django系列，我正在为网站构建HTML模板，但由于某些原因，它的格式不正确。我下载了他的存储库并重新运行了他的代码，但仍然得到相同的错误？我能想到的唯一区别是，他使用的是Django 2.1，我使用的是Django 3.0，但这不应该是它

下面是它的外观：

下面是它的外观：

最后这是他的Github链接：

编辑：开始工作了。您必须执行四个步骤：

1从base.html第11行的此行中删除integrity和crossorigin

3使用以下代码更新模板/blog/home.html：

---

4关闭服务器，清除浏览器中cookies包含的所有内容现在我完全怀疑您的自定义css有问题

第一个原因：bg steel不是默认颜色，所以您需要将其写入其他地方。然而，即使有下面的线条，导航栏也没有出现

第二个原因：对于一个应用了边框、页眉和边距的内容的部门，您要么使用默认的卡片类，要么自己实现一个——在这一行中可以找到，这也不起作用

第三个原因：很明显，背景颜色不同。在您的代码中，它是纯白色的，这是bootstrap的默认值。如果应用了自定义图纸，则背景颜色将更暗

以下是我建议你做的：

如果使用了{%load static%}文件，请转到HTML或settings.py，检查静态路径或导入路径是否正确 再看一遍视频，确保没有打字错误。 事实上，javascript文件是必需的。如果不包括它们，下拉列表和modals等功能将无法正常工作。

解决方案：在main.css文件中进行一个小更改，添加！重要的是 颜色散列的结尾为：

.bg-steel {  
  background-color: #5f788a!important;  
}

=========================================================

说明：

您必须理解覆盖CSS的概念。 如果组件正在加载！在父CSS中很重要，例如：

background-color: #5f788a!important;

而不仅仅是：

background-color: #5f788a;

在这种情况下，您将无法在自定义/子CSS中覆盖它，因为！重要声明它是重要的，不能直接重写。 但是，您仍然可以通过应用在自定义CSS中覆盖它！重要的是，在组件值的末尾，就像我上面所做的那样

====================================================

您可能会对它为什么在Corey的CSS中起作用感到困惑

答：本教程中使用的bootstrap Corey版本没有使用术语渲染背景色！他在最后很重要，因此他能够直接推翻它。但是现在，引导颜色类使用背景色进行渲染：5f788a！重要的因此不能直接重写

希望我能帮助你

谢谢

---

akaroshaa@gmail.com

我不清楚你在哪张图片上加了这张图片，但我强烈建议你同时加上这两张：一张是关于它的外观，另一张是关于它的结果。正如克里姆森所说，有一张它应该是什么样子的图片会有帮助。在服务器运行/重新运行后，检查自定义css blog/main.css是否正确加载到终端中。您应该看到GET/static/blog/main.css HTTP/1.1200，而不是GET/static/blog/main.css HTTP/1.1400或其他任何内容。对不起，我的意思是GET/static/blog/main.css HTTP/1.1404不是GET/static/blog/main.css HTTP/1.1400@crimsonpython24我先写了自己的代码，然后遇到了这个问题。所以我下载了Corey的代码并按原样运行，它也出现了，所以我不认为这是一个打字错误问题。youtube上的一条投票结果是：记住在引导cdn之后链接“main.css”。我花了一个小时试图找出哪里出了问题，哈哈。但我不是太懂HTML，是吗？我该怎么做？我不认为这会成为问题：直接翻译将把你的自定义风格置于引导风格之后，你已经做到了。接下来我想让你帮我做的是检查你是否在html文档中成功地获得css文件。。。但是上面的一条评论是GET/static/blog/main.css HTTP/1.1404。哇，就是这样！我清除了cookies，重新运行了Corey的代码，它成功了。如果你编辑你的帖子来包含这些信息，我会接受答案。但是我自己的代码不能正常工作，所以我必须将其与Cody的代码进行比较以找出问题所在。我会发布一个编辑，因为，至少在youtube上，似乎我不是唯一一个有问题的人。

{% extends "blog/base.html" %}
{% block content %}
    {% for post in posts %}
        <article class="media content-section">
          <div class="media-body">
            <div class="article-metadata">
              <a class="mr-2" href="#">{{ post.author }}</a>
              <small class="text-muted">{{ post.date_posted }}</small>
            </div>
            <h2><a class="article-title" href="#">{{ post.title }}</a></h2>
            <p class="article-content">{{ post.content }}</p>
          </div>
        </article>
    {% endfor %}
{% endblock content %}

.bg-steel {  
  background-color: #5f788a!important;  
}

background-color: #5f788a!important;

background-color: #5f788a;