title: Using two data-toggle for same element in bootstrap
body: <p>I was messing around with Bootstrap and created a page which has a simple navigation menu. I wanted to add modal for one of the links, which already has a <code>tooltip</code>.</p>
  
  <p>And I did add the modal to <code>li</code> like this,</p>
  
  <pre><code>data-toggle="modal" data-target="#SettingsModal" data-toggle="tooltip"
  </code></pre>
  
  <p>Surprisingly, its working. It doesn't make much sense. Because at least one <code>data-toggle</code> has to be neglected.</p>
  
  <p>I know that it is better to wrap it inside an element which has <code>tooltip</code>. My question is, how is this working?</p>