Bootstrap working in local, but not on a server.
<p>I'm just messing around with some web development stuff and with NFL season around the corner, I thought it would be good practice to make a Fantasy Football site. I am very early on, but I set up a navbar with bootstrap and it works fine when I run it locally, but when I try to run it on a Firebase server, it doesn't work at all. 
Here is my code: </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'&gt;&lt;/script&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css"&gt;
&lt;/head&gt;

&lt;body data-spy="scroll" data-target=".navbar" data-offset="50"&gt;
    &lt;div class="container" name="navbar-container"&gt;
        &lt;nav class="navbar navbar-inverse navbar-fixed-top"&gt;
            &lt;div class="container-fluid"&gt;
                &lt;div class="navbar-header"&gt;
                    &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"&gt;
                        &lt;span class="icon-bar"&gt;&lt;/span&gt;
                        &lt;span class="icon-bar"&gt;&lt;/span&gt;
                        &lt;span class="icon-bar"&gt;&lt;/span&gt; 
                    &lt;/button&gt;
                    &lt;a class="navbar-brand" href="#"&gt;Fantasy Football&lt;/a&gt;
                &lt;/div&gt;
                &lt;div class="collapse navbar-collapse" id="myNavbar"&gt;
                    &lt;ul class="nav navbar-nav"&gt;
                        &lt;li class="dropdown"&gt;
                            &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#" id="leagueList"&gt;My Leagues&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                            &lt;ul class="dropdown-menu"&gt;
                                &lt;li&gt;&lt;a href="#"&gt;League 1&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;League 2&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;League 3&lt;/a&gt;&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;My Team&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Game Day&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Waiver Wire&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;ul class="nav navbar-nav navbar-right"&gt;
                        &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; Sign Up&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-log-in"&gt;&lt;/span&gt; Login&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/nav&gt;
    &lt;/div&gt;
&lt;/body&gt;

&lt;/html&gt;</code></pre>
</div>
</div>
</p>

<p>Any help would be greatly appreciated. Thank you. </p>