Django自助式旋转木马不会骑_Django_Bootstrap 4_Pycharm_Carousel

Django自助式旋转木马不会骑

django bootstrap-4 pycharm

Django自助式旋转木马不会骑,django,bootstrap-4,pycharm,carousel,Django,Bootstrap 4,Pycharm,Carousel,这是我的第一个网站建设项目。我一直在关注这些。我浏览了Bootstrap components页面，找到了一个我想要使用的Carousel方法。我复制并粘贴到我的代码中。第一个图像显示正确，因为它处于活动状态，但旋转木马不会滑动到下一个图像。第一个代码块显示一个汇总版本。第二块代码是在运行python manage.py runserver之后。第三段代码是当我打开IP地址链接时。我不确定我做错了什么。有什么建议吗？如果你需要更多的信息，请告诉我 <!DOCTYPE html> &l

这是我的第一个网站建设项目。我一直在关注这些。我浏览了Bootstrap components页面，找到了一个我想要使用的Carousel方法。我复制并粘贴到我的代码中。第一个图像显示正确，因为它处于活动状态，但旋转木马不会滑动到下一个图像。第一个代码块显示一个汇总版本。第二块代码是在运行

python manage.py runserver

之后。第三段代码是当我打开IP地址链接时。我不确定我做错了什么。有什么建议吗？如果你需要更多的信息，请告诉我

<!DOCTYPE html>
<html lang="en">

<head>
<title>AeroTract</title>
    <meta charset="utf-8" />
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type = "text/css"/>
    <meta name="viewport" content = "width=device-width, initial-scale=1.0">

    <style type="text/css">
        html,
        body {
          height:100%
        }
    </style>
</head>

<body class="body" style="background-color:#FFF8DC">            <!-- Main page background color -->
    <div class="container-fluid" style="min-height:95%; ">      <!-- Footer Height -->
        <div class="row">
            <div class = "col-sm-2"> </div>
            <div class="col-sm-8">
                <br>
                    <div id="mainCarousel" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img class="d-block w-100" src="{% static 'img/Forestry.png' %}" alt="First slide">
                            </div>
                            <div class="carousel-item">
                                <img class="d-block w-100" src="{% static 'img/Agricultural.png' %}" alt="Second slide">
                            </div>
                            <div class="carousel-item">
                                <img class="d-block w-100" src="{% static 'img/Industrial.png' %}" alt="Third slide">
                            </div>
                        </div>
                    </div>
                <br>
            </div>
        </div>
    </div>
</body>

</html>

您只包括来自引导的css。我相信你也需要javascript。您可能需要添加以下脚本：

是的，这很有效。刚刚在我的

链接下添加了它们。干杯
(base) C:\Users\name\PycharmProjects\Django_tutorials\mysite>python manage.py runserver
Watching for file changes with StatReloader
Performing system checks...

System check identified no issues (0 silenced).

You have 17 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.
Run 'python manage.py migrate' to apply them.
May 07, 2020 - 14:46:06
Django version 3.0.6, using settings 'mysite.settings'
Starting development server at http://#########/
Quit the server with CTRL-BREAK.

[07/May/2020 14:46:42] "GET / HTTP/1.1" 200 3408