Работа с панелью на локальном хосте, но не на github

Question

Поэтому я создал этот проект для своего шоу и по какой-то причине создал панель, которая отлично работает на моем локальном хосте, но не после того, как я разместил его на Github. Вот мой исходный код:

        <!-- press -->
<div class="container">

    <section>
        <div class="page-header" id="section-press">
            <h2>Press <small>What the press said about NO SHOW</small></h2>
        </div> <!-- end page-header -->


        <div class="panel-group" id="accordion-qa">

            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title"><a href="#qa-1" data-toggle="collapse" data-parent="#accordion-qa"><h3> The Advocate </h> </a></h4>
                </div>
                <div class="panel-collapse collapse in" id="qa-1">
                    <div class="panel-body">
                        <a href="http://www.theadvocate.com/baton_rouge/entertainment_life/article_9d97eca2-39be-11e7-825b-bb7960e93753.html"><img border="0" alt="The Advocate" src="images/advocate.png" width="900px" height="auto"></a>
                    </div> <!-- end panel-body -->
                </div> <!-- end collapse -->
            </div> <!-- end panel -->

            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title"><a href="#qa-2" data-toggle="collapse" data-parent="#accordion-qa"><h3> 225 Magazine </h></a></h4>
                </div>
                <div class="panel-collapse collapse" id="qa-2">
                    <div class="panel-body">
                        <a href="https://www.225batonrouge.com/things-to-do/nearly-year-series-no-show-comedy-team-keeps-jokes-fresh"><img border="0" alt="225" src="images/225.png" width="900px" height="auto"></a>
                    </div> <!-- end panel-body -->
                </div> <!-- end collapse -->
            </div> <!-- end panel -->

            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title"><a href="#qa-3" data-toggle="collapse" data-parent="#accordion-qa"><h3>The Daily Reveille </h></a></h4>
                </div>
                <div class="panel-collapse collapse" id="qa-3">
                    <div class="panel-body">
                        <a href="http://www.lsunow.com/daily/students-headline-monthly-comedy-show/article_7d064d18-796f-11e6-89d8-27174a75f464.html"><img border="0" alt="The Reveille" src="images/lsu.png" width="900px" height="auto"></a>
                    </div> <!-- end panel-body -->
                </div> <!-- end collapse -->
            </div> <!-- end panel -->
        </div> <!-- end panel-group -->
    </section>

</div>

<!-- end press -->

Вот как выглядит панель панели:

Выглядит отлично, ссылка работает, однако все кнопки не реагируют; что странно, потому что все отлично работает на моем компьютере. Это также происходит с моими слайдерами с галереями нашего шоу.

Вот прямая ссылка на страницу:

https://namburger.github.io/NOSHOWComedy/index.html

Извините, я довольно новичок в веб-разработке, поэтому любая помощь или даже дополнительные советы, не связанные с этим, будут высоко оценены!

Answer 1

Я проверил консоль и получил эту ошибку в FF:

Блокированная загрузка смешанного активного контента " http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"

И вы упомянули, что он прекрасно работает в localhost. Согласно этому, где вы можете прочитать дальше

Примечание. Начиная с Firefox 55 загрузка смешанного контента разрешена на локальный хост (см. Ошибку 903966).

Я проверил ваши заголовки и вы пропали s в http:

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

Просто измените это на это:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>