title: twitter bootstrap dropdown-toggle disabled not working
body: <p>The disable part is not working in dropdown-toggle. Here's the code.</p>
  
  <pre><code>       &lt;div class="nav-collapse collapse"&gt;
              &lt;ul class="nav"&gt;
                  &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="index.html"&gt;HOME&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="about.html"&gt;ABOUT ME&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                  &lt;li class="dropdown"&gt;
                  &lt;a class="dropdown-toggle" data-toggle="dropdown" href="gallery.html"&gt;GALLERY
                  &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                      &lt;ul class="dropdown-menu"&gt;
                        &lt;li&gt;&lt;a href="units.html"&gt;Unit &amp;amp; Events&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="personal.html"&gt;Personal&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                   &lt;li&gt;&lt;a href="contact.html"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="divider-vertical"&gt;&lt;/li&gt;
              &lt;/ul&gt;
           &lt;/div&gt;
  </code></pre>