How to disable Bootstrap's Button dropdown

jquery, twitter-bootstrap

Solution

Add `disabled` class to the button...

<div class="btn-group">
    <button class="btn btn-primary dropdown-toggle disabled" data-toggle="dropdown">Action <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">Action</a></li>
      <li><a href="#">Another action</a></li>
      <li><a href="#">Something else here</a></li>
      <li class="divider"></li>
      <li><a href="#">Separated link</a></li>
    </ul>
</div>

That works when editing via bootstraps site. I did notice that they're not using the anchor like their example.

<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">

Problem

Link here: bootstrap button dropdowns I'd like to disable this button dropdown, i added `disabled` class to `<a>` but the dropdown can still be opened by clicking the dropdown button. Any ideas?

Original source