title: How to Create a Bootstrap Dropdown?
body: <p>What seems to be the problem with my code... I am new in bootstrap, I followed all the instruction on the site how to create a bootstrap dropdown but still there there are no dropdown items displaying on my dropdown</p>
  
  <p>My code:</p>
  
  <pre><code>//Calling Bootstrap CSS and Javascript
  
    &lt;link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen" /&gt;
    &lt;link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="screen" &gt;
    &lt;link rel="stylesheet" href="css/bootstrap-responsive.min.css" type="text/css" media="screen" &gt;
    &lt;link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css" media="screen" &gt;
    &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
    &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  
   &lt;script&gt;
   $('.dropdown-toggle').dropdown()
   &lt;/script&gt;
  
  &lt;div class="btn-group"&gt;
    &lt;button type="button"  class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
      Action
    &lt;/button&gt;
    &lt;div class="dropdown-menu"&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;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;
      &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
      &lt;a class="dropdown-item" href="#"&gt;Separated link&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks for your help</p>