title: Bootstrap dropdown menu with href link
body: <p>I'm using bootsrtap to build a toggleable dropdown menu. </p>
  
  <p>So I use an "a" tag that when I click on it it open a dropdown menu, here is my code : </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  
  &lt;div class="dropdown"&gt;
          &lt;a id="my-dropdown" href="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"&gt;Dropdown&lt;/a&gt;
      
          &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;HTML&lt;/li&gt;
              &lt;li&gt;CSS&lt;/li&gt;
              &lt;li&gt;JavaScript&lt;/li&gt;
          &lt;/ul&gt;
      
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What I'm trying to do is to open a href link in the same time when the dropdown :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  
  &lt;div class="dropdown"&gt;
          &lt;a id="my-dropdown" href="#section=mysection" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"&gt;Dropdown&lt;/a&gt;
      
          &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;HTML&lt;/li&gt;
              &lt;li&gt;CSS&lt;/li&gt;
              &lt;li&gt;JavaScript&lt;/li&gt;
          &lt;/ul&gt;
      
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But it doesn't work,</p>
  
  <p>Any idea ?</p>