title: Bootstrap modal disable a href
body: <p>I'm currently facing an issue with a Bootstrap Modal... On my web site I have a navbar with many links  but the last link doesn't work (if I have a lot of links I can face the issue on several items) I'm not able to click when I have the modal window. If I click on modal link, javascript displays the window then I m able to click on all links</p>
  
  <p>You will find below the code: ( IA doesn't work => then I click on user-icon => then i'm able to click on IA)</p>
  
  <pre><code> &lt;div class='navbar-inner'&gt;
  &lt;div class='container'&gt;
      &lt;ul class='nav'&gt;
          &lt;li&gt; &lt;a class='brand' href='myurl'&gt;Home&lt;/a&gt; &lt;/li&gt;
          &lt;li class='divider-vertical'&gt;&lt;/li&gt;
          &lt;li&gt; &lt;a href='myurl'&gt;BKB&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt; &lt;a href='myurl'&gt;Pole&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt; &lt;a href='myurl'&gt;IA&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class='nav pull-right'&gt;
          &lt;li data-toggle='modal' data-target='#contactModal'&gt;&lt;img class=' navbar-search' src='./img/user-icon.png'&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img class=' navbar-search' src='./img/button-round-question-icon.png'&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>The modal :</p>
  
  <pre><code>&lt;div class='modal fade' id='contactModal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'&gt;
  &lt;div class='modal-dialog'&gt;
      &lt;div class='modal-content'&gt;
          &lt;div class='modal-header'&gt;
              &lt;button type='button' class='close' data-dismiss='modal' aria-hidden='true'&gt;&amp;times;&lt;/button&gt;
              &lt;h4 class='modal-title' id='myModalLabel'&gt;title&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class='modal-body'&gt;
                  &lt;div class='row'&gt;
                      &lt;div class='span4' id='modalperson'&gt;
                          &lt;div&gt;&lt;span class='modaldataleft'&gt;xx&lt;/span&gt;&lt;span class='modaldataright'&gt;  xx&lt;/span&gt;&lt;/div&gt;
                          &lt;div&gt;&lt;span class='modaldataleft'&gt;xxx &lt;/span&gt;&lt;span class='modaldataright'&gt;  xx&lt;/span&gt;&lt;/div&gt;
                          &lt;div&gt;&lt;span class='modaldataleft'&gt;xxx x&lt;/span&gt;&lt;span class='modaldataright'&gt;  xx&lt;/span&gt;&lt;/div&gt;
                          &lt;div&gt;&lt;span class='modaldataleft'&gt;xxx &lt;/span&gt;&lt;span class='modaldataright'&gt;  xx&lt;/span&gt;&lt;/div&gt;
                          &lt;div&gt;&lt;span class='modaldataleft'&gt;xxx &lt;/span&gt;&lt;span class='modaldataright'&gt;  xx&lt;/span&gt;&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class='span2 blank white' id='modalicon'&gt;
                          &lt;img style='float:right;' src='./img/user-icon_96x96.png'&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class='row'&gt;
                      &lt;div class='span6' id='modaladresse'&gt;
                          &lt;div class='textleft'&gt;something&lt;/div&gt;
                          &lt;div class='textleft'&gt;something&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class='row'&gt;
                      &lt;div class='span6' id='modaladresse'&gt;
                          &lt;div class='textleft'&gt;something&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class='modal-footer'&gt;
              &lt;button type='button' class='btn btn-default' data-dismiss='modal'&gt;Fermer&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Do you see what am i doing wrong?</p>
  
  <p>Thanks in advance.</p>