メインビジュアルの動かし方

前提・実現したいこと

HTML/CSSでBootstrapのメインビジュアルの作成をしようとしていますが、
画像が縦に並んでしまいます。
どの部分にエラーが生じているか分かりません。

発生している問題・エラーメッセージ

<!DOCTYPE html>
<html>
    <meta charset="UTF-8">
    <script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/4.2.5/jquery.bxslider.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/4.2.5/jquery.bxslider.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="mainvisual.js"></script>
    <script src="http://code.jquery.com/jquery-3.4.1.slim.js" integrity="sha256-BTlTdQO9/fascB1drekrDVkaKd9PkwBymMlHOiG+qLI=" crossorigin="anonymous"></script>
    <script>
        $(function(){alert(1);});
    </script>
</html>
<body>
    <!--bxslider-->
    <!-- <div class="row">
        <ul class="bxslider">
            <li><img src="slide2.png"></li>
            <li><img src="slide3.png"></li>
        </ul>
    </div> -->
    <!--mainvisual-->
    <div class="py-4">
        <div class="container">
            <!--カルーセル外枠-->
            <div id="main_visual" class="carousel slide" data-ride="carousel">
                <!--インジケーター-->
                <ol class="carousel-indicators">
                    <li data-target="#main_visual" data-slide-to="0" class="active"></li>
                    <li data-target="#main_visual" data-slide-to="1"></li>
                </ol>
                <div class="carousel-inner">
                    <!--スライド１-->
                    <div class="carousel-item active">
                        <img class="img-fluid" src="slide2.png" alt="1枚目">
                    </div>
                    <div class="carousel-item">
                        <img class="img-fluid" src="slide3.png" alt="2枚目">
                    </div>
                </div>
            </div>
            <!--コントローラー-->
            <a class="carousel-control-prev" href="#main_visual" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" area-hidden="true"></span>
                <span class="sr-only">前にもどる</span>
            </a>
            <a class="carousel-control-next" href="#main_visual" role="button" data-slide="next">
                <span class="carousel-control-next-icon" area-hidden="true"></span>
                <span class="sr-only">次に進む</span>
            </a>
        </div>
    </div>
</body>

該当のソースコード

HTML/CSS、Bootstrap

試したこと

bxsliderでコードを書いてみてもうまくいかず、head部分のURL等を変えたりしてみました。

補足情報（FW/ツールのバージョンなど）

Bootstrap４のp３７７を参考にして書きました。

m.ts10806

2020/01/25 12:22

「エラー」ならブラウザ開発ツールのコンソールに出ているはずですが、「画像が縦に並んでしまう」のはあくまで「レイアウト上が想定通りにいってない」だけであって「エラー」ではないのでは？いずれにしても「発生している問題・エラーメッセージ」のところにソースコードがあって「該当のソースコード」に環境情報があるので調整してください。

m.ts10806

2020/01/25 12:22

>Bootstrap４のp３７７これはどこの何の話でしょうか。ドキュメントであればURLでご提示ください。

mogimogi

2020/01/27 14:47

エラーメッセージは特に無い様です。ソースコードをもう一度確認します。 Bootstrap４という本を参考にしましたが、よく考えると答えてくださる方全てが持っている訳では無いですよね、、分かりづらく申し訳ございません。

mogimogi

2020/01/27 14:51

検証ページよりエラーメッセージと思われるものがありましたが、以下の文のことでしょうか。・Mixed Content: The page at 'https://41eb13c5a8624fde9173e4e9efe4d24c.vfs.cloud9.us-east-2.amazonaws.com/_static/Bootstrap/mainvisual.html' was loaded over HTTPS, but requested an insecure script 'http://code.jquery.com/jquery-2.2.4.min.js'. This request has been blocked; the content must be served over HTTPS. jquery.bxslider.js:1 ・Failed to load resource: the server responded with a status of 404 () cdnjs.cloudflare.com/ajax/libs/4.2.5/jquery.bxslider.css:1 ・Failed to load resource: the server responded with a status of 404 () mainvisual.js:1 Uncaught ReferenceError: $ is not defined at mainvisual.js:1 mainvisual.html:1 ・Mixed Content: The page at 'https://41eb13c5a8624fde9173e4e9efe4d24c.vfs.cloud9.us-east-2.amazonaws.com/_static/Bootstrap/mainvisual.html' was loaded over HTTPS, but requested an insecure script 'http://code.jquery.com/jquery-3.4.1.slim.js'. This request has been blocked; the content must be served over HTTPS. /favicon.ico:1 ・Failed to load resource: the server responded with a status of 503 () jquery.bxslider.css:1 ・Failed to load resource: the server responded with a status of 404 ()

m.ts10806

2020/01/27 14:52

質問は編集できますので適宜調整してください。