Django Bootstrap Карусель не едет - PullRequest
Новая
       131

Django Bootstrap Карусель не едет

0 голосов
/ 08 мая 2020

Это мой первый проект по созданию сайта. Я слежу за этими обучающими программами . Я просмотрел страницу компонентов Bootstrap и нашел метод карусели (только слайды) , который я хотел использовать. Я скопировал и вставил его в свой код. Отображается первое изображение, которое является правильным, поскольку оно активно, но карусель не переходит к следующему изображению. Первый блок кода показывает обобщенную версию. Второй блок кода - после запуска 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>

(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

1 Ответ

1 голос
/ 08 мая 2020

Вы включаете только css из bootstrap. Я считаю, что вам также понадобится javascript. Вы можете добавить следующие скрипты:

https://getbootstrap.com/docs/4.4/getting-started/introduction/#js

...