为什么没有应用特定的 CSS 类？答案

【问题标题】：Why a speciffic CSS class in not applied?为什么没有应用特定的 CSS 类？
【发布时间】：2020-07-27 03:05:24
【问题描述】：

我最近开始使用 Python 学习 Django 框架。我一直在 YouTube 上上一门课程。不幸的是，其中一个步骤没有按照课程进行。

CSS 和 JS 功能不适用于我的页面。你有什么建议让它适用于我的页面吗？我使用的是入门模板。

<!DOCTYPE html>
<html>
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    {% if title %}
        <title>Django Blog - {{ title }}</title>
    {% else %}
        <title>Django blog</title>
    {% endif %}
</head>
<body>
    <div class="container">
        {% block content %}{% endblock %}
    </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>

【问题讨论】：

您提供的代码无法复制问题。
它实际上正在工作，您需要知道您正在使用哪个版本的 bs，因为类名称会随版本变化
我已经检查过，在 4.0 和 4.3 两个版本中都存在“容器”类。所以可能不是这样，

标签： css django bootstrap-4

【解决方案1】：

我可以看到您正在使用 Bootstrap CDN。也许在录制教程时，Bootstrap 有不同的版本（例如 v3.0）。但是，目前您将从他们的网站获得最新版本 (v4.3.1)。在这种情况下，某些样式将不起作用。例如，bootstrap3 有 img-circle、pull-right 类，现在在最新版本中分别更改为 rounded-circle、float-right 类。

如果您想继续学习，我建议您记下本教程中使用的版本，并在您的项目中使用该特定版本。另一种选择是简单的谷歌搜索，以查看 CSS 类是否存在于最新版本中。如果没有，他们可能刚刚重命名了这个类，你应该使用新的类名。

【讨论】：

实际上，我尝试粘贴电影中的代码，但也没有成功。我目前正在网上冲浪以进行 4.3.1 boostrap 名称更改，但找不到任何东西。视频中的那个人使用 4.0.0。
我已经检查过，在 4.0 和 4.3 两个版本中都存在“容器”类。所以可能不是这样的
好的，我和导师的步骤完全一样。完全相同的引导页面具有完全相同的版本。还是行不通。还有其他提示吗？