title: Bootstrap dropdown button not working with version 3.3.6
body: <p>I am trying to follow bootstrap button drop down , but not working.</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" &gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" 
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"&gt;&lt;/script&gt;
  
  
  &lt;div class="dropdown" style="display: block;"&gt;
      &lt;ul class="dropdown-menu"&gt;
          &lt;li&gt;&lt;a href="#" tabindex="-1"&gt;Walter&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" tabindex="-1"&gt;Bunny&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" tabindex="-1"&gt;Big Lewaoaski&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Edit:</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" &gt;
  
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" &gt;
  &lt;link rel="stylesheet" href="https://bootswatch.com/cosmo/bootstrap.min.css" &gt;
  
  
  &lt;!-- Latest compiled and minified JavaScript --&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;title&gt;Components Tutorial&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="dropdown" style="display: block;"&gt;
      &lt;button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"&gt;
        Dropdown Example &lt;span class="caret"&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;ul class="dropdown-menu"&gt;
          &lt;li&gt;&lt;a href="#" tabindex="-1"&gt;Walter&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" tabindex="-1"&gt;Bunny&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" tabindex="-1"&gt;Big Lewaoaski&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>