title: twitter bootstrap tooltip showed behind modal
body: <p>I have a tooltip with span inside input-group which is showed in modal popup behind the main modal div..</p>
  
  <p>This is my tooltip inside a form-group</p>
  
  <pre><code>&lt;div class="form-group margin-none innerB"&gt;
  &lt;label for="form_field_name" class="col-sm-3 control-label"&gt;label&lt;/label&gt;
  &lt;div class="col-md-9"&gt;      
      &lt;div class="input-group"&gt;
          &lt;input type="text" id="form_field_name" name="form_field_name" class="form-control" value="0" readonly="readonly" /&gt;
          &lt;span class="input-group-addon" data-toggle="tooltip" data-container="body" data-placement="top" data-original-title="tooltip text"&gt;&lt;i class="fa fa-question-circle"&gt;&lt;/i&gt;&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>And this is my modal:</p>
  
  <pre><code>&lt;div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" 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="modalLabel"&gt;Modal Title&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;div id="modal_body" class="modal-body padding-none"&gt;
                  &lt;div class="lead separator center relativeWrap"&gt;
                      &lt;p class="innerTB margin-none"&gt;
                          &lt;i class="fa fa-fw fa-spinner fa-spin"&gt;&lt;/i&gt; loading
                      &lt;/p&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;Close&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;          
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>SOLVED</strong></p>
  
  <p>I fixed the problem changing this:</p>
  
  <pre><code>data-container="body"
  </code></pre>
  
  <p>for:</p>
  
  <pre><code>data-container=".modal-body"
  </code></pre>