title: Bootswatch - dropdown menu is not working
body: <p>I'm trying to integrate a custom theme for bootstrap </p>
  
  <p>the theme i want to use is <a href="https://www.bootstrapcdn.com/bootswatch/" rel="nofollow noreferrer">bootswatch</a></p>
  
  <p>the only problem i'm currently facing is that the dropdown menu in the navigation bar is not working. </p>
  
  <p>this 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;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/flatly/bootstrap.min.css" rel="stylesheet" integrity="sha384-+ENW/yibaokMnme+vBLnHMphUYxHs34h9lpdbSLuAwGkOKFRl4C34WkjazBtb7eT" crossorigin="anonymous"&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;div class="navbar navbar-default navbar-fixed-top"&gt;
            &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                &lt;a href="../" class="navbar-brand"&gt;Bootswatch&lt;/a&gt;
                &lt;button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main"&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;/div&gt;
              &lt;div class="navbar-collapse collapse" id="navbar-main"&gt;
                &lt;ul class="nav navbar-nav"&gt;
                  &lt;li class="dropdown"&gt;
                    &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes"&gt;Themes &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                    &lt;ul class="dropdown-menu" aria-labelledby="themes"&gt;
                      &lt;li&gt;&lt;a href="../default/"&gt;Default&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="divider"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../cerulean/"&gt;Cerulean&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../cosmo/"&gt;Cosmo&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../cyborg/"&gt;Cyborg&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../darkly/"&gt;Darkly&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../flatly/"&gt;Flatly&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../journal/"&gt;Journal&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../lumen/"&gt;Lumen&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../paper/"&gt;Paper&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../readable/"&gt;Readable&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../sandstone/"&gt;Sandstone&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../simplex/"&gt;Simplex&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../slate/"&gt;Slate&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../spacelab/"&gt;Spacelab&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../superhero/"&gt;Superhero&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../united/"&gt;United&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="../yeti/"&gt;Yeti&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;a href="../help/"&gt;Help&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;a href="http://news.bootswatch.com"&gt;Blog&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="dropdown"&gt;
                    &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#" id="download"&gt;Flatly &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                    &lt;ul class="dropdown-menu" aria-labelledby="download"&gt;
                      &lt;li&gt;&lt;a href="http://jsfiddle.net/bootswatch/jmg3gykg/"&gt;Open Sandbox&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="divider"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="./bootstrap.min.css"&gt;bootstrap.min.css&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="./bootstrap.css"&gt;bootstrap.css&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="divider"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="./variables.less"&gt;variables.less&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="./bootswatch.less"&gt;bootswatch.less&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="divider"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="./_variables.scss"&gt;_variables.scss&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="./_bootswatch.scss"&gt;_bootswatch.scss&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
      
                &lt;ul class="nav navbar-nav navbar-right"&gt;
                  &lt;li&gt;&lt;a href="http://builtwithbootstrap.com/" target="_blank"&gt;Built With Bootstrap&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="https://wrapbootstrap.com/?ref=bsw" target="_blank"&gt;WrapBootstrap&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
      
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>