title: Bootstrap 3 Dropdown menu is not working
body: <p>I have a little problem with my dropdown menu. I can't get it to work. I've been searching for a few hours already and still nothing. </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;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;!-- Latest compiled and minified CSS --&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;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
        &lt;ul class="nav navbar-nav navbar-center"&gt;
          &lt;li&gt; &lt;a href="#page-top" class="hidden-xs page-scroll" id="logowts" style="display:none;"&gt;&lt;img src="img/wts-logo.png" style="width:40px; height:40px;" alt="World Travel Show" /&gt;&lt;/a&gt; &lt;/li&gt;
          &lt;li aria-haspopup="true" aria-expanded="false" class="dropdown" &gt;&lt;a data-toggle="dropdown" class="dropdown-toggle page-scroll" href="#page-top"&gt;WORLD TRAVEL SHOW&lt;/a&gt;&lt;span class="caret"&gt;&lt;/span&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a href=""&gt;O TARGACH&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=""&gt;SALONY&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;DOJAZD&lt;/li&gt;
              &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;DLA MEDIÓW&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt; &lt;a class="page-scroll" href="podroznicy.html"&gt;PODRÓŻNICY&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt; &lt;a class="page-scroll" href="#adoba"&gt;ATRAKCJE&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt; &lt;a class="page-scroll" href="#harmonogram"&gt;HARMONOGRAM&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt; &lt;a class="page-scroll" href="#dojazd"&gt;DOJAZD&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt; &lt;a class="page-scroll" href="#salony"&gt;SALONY&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt; &lt;a class="page-scroll" href="#dla_wystawcow"&gt;O TARGACH&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt; &lt;a class="page-scroll" href="#wystawcy"&gt;WYSTAWCY&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt; &lt;a class="" href="http://targi.kadryturystyki.pl/" target="_blank"&gt;SZKOLENIA&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt; &lt;a href="media.html" target="_blank"&gt;DLA MEDIÓW&lt;/a&gt; &lt;/li&gt;
         
          &lt;li&gt; &lt;a class="page-scroll" href="#contact"&gt;KONTAKT&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt; &lt;a class="page-scroll hidden-xs" href="#contact" id="logopwe" style="display:none;"&gt;&lt;img src="img/pwe-logo.png" alt="Ptak Warsaw Expo" style="height:40px; width:40px;" /&gt;&lt;/a&gt; &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://codepen.io/biaggio12/pen/BLJkjo" rel="nofollow">CodePen</a></p>