title: bootstrap dropdown only on click
body: <p>I have a dropdown menu implemented with bootstrap3 where I wanna make the dropdown visible only on click instead of hover. My code at the moment:</p>
  
  <pre><code>&lt;li class="dropdown"&gt;
    &lt;a href="#" class="dropdown-toggle disabled" id="without-avatar" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false"&gt;
      &lt;i class="fa fa-lg fa-bars"&gt;&lt;/i&gt;
    &lt;/a&gt;
    &lt;ul class = "dropdown-menu"&gt;
      &lt;li&gt;......&lt;/li&gt;
      ......
    &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I found some answers where it was said if I use <code>disabled</code> on the <code>a class</code> then the dropdown menu will be available only on click instead of hover. Unfortunately the code is not working. I guess the answer was outdated.</p>
  
  <p>As of 2016 what is the preferred way to solve this problem?</p>