title: Bootstrap CDN not working
body: <p>I am trying to embed bootstrap to an html file. I copied and pasted the links directly from their website and have also embedded the newest version of jQuery. The font styles seem to be correct, but the navbar and other classes are not working properly. Below is my code as well as a screenshot of the results.</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 lang="en"&gt;
          
          &lt;head&gt;
      
          &lt;meta charset="utf-8"&gt;
      
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      
          &lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
      
          &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
      
          &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"&gt;
      
            &lt;/head&gt;
          
            &lt;body&gt;
          
              &lt;h1&gt;Hello, world!&lt;/h1&gt;
          
              &lt;nav class="navbar navbar-expand-lg navbar-light bg-light"&gt;
                &lt;a class="navbar-brand" href="#"&gt;Navbar&lt;/a&gt;
                &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
                  &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
                &lt;/button&gt;
          
                &lt;div class="collapse navbar-collapse" id="navbarSupportedContent"&gt;
                  &lt;ul class="navbar-nav mr-auto"&gt;
                    &lt;li class="nav-item active"&gt;
                      &lt;a class="nav-link" href="#"&gt;Home &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li class="nav-item"&gt;
                      &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li class="nav-item dropdown"&gt;
                      &lt;a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
                        Dropdown
                      &lt;/a&gt;
                      &lt;div class="dropdown-menu" aria-labelledby="navbarDropdown"&gt;
                        &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;
                        &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;
                        &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
                        &lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;
                      &lt;/div&gt;
                    &lt;/li&gt;
                    &lt;li class="nav-item"&gt;
                      &lt;a class="nav-link disabled" href="#"&gt;Disabled&lt;/a&gt;
                    &lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;form class="form-inline my-2 my-lg-0"&gt;
                    &lt;input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"&gt;
                    &lt;button class="btn btn-outline-success my-2 my-sm-0" type="submit"&gt;Search&lt;/button&gt;
                  &lt;/form&gt;
                &lt;/div&gt;
              &lt;/nav&gt;
          
              &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
             
              &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"&gt;&lt;/script&gt;
          
            &lt;/body&gt;
          
          &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The navbar is one that I copied directly from bootstrap's documentation.</p>
  
  <p><a href="https://i.stack.imgur.com/WPRdm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WPRdm.png" alt="enter image description here"></a></p>
  
  <p>Also, as you can see, there are no errors in the console</p>