title: Disabled link in Bootstrap Pagination
body: <p>I'm trying to use Bootstrap's Pagination style.  The documentation says to create the page list like so:</p>
  
  <pre><code>&lt;div class="pagination"&gt;
      &lt;ul&gt;
          &lt;li class="disabled"&gt;&lt;a href="#"&gt;&amp;laquo;&lt;/a&gt;&lt;/li&gt;
          &lt;li class="active"&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;&amp;raquo;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The first two links, the left arrow and the 1, should be disabled.  When I incorporate it into my django template though, those two are still usable.  Clicking them sends the user to the top of the page just like any other anchor link with an id "#".  I think I still have to have the  there in order for Bootstrap to style it correctly.</p>
  
  <p>Is there a way to write this so that when the user clicks one of the disabled "buttons" it doesn't do anything? </p>