title: Overlapped part of tooltip of slider and his position in bootstrap-slider plugin
body: <p>I use Twitter Bootstrap 2.3.2 and <a href="https://github.com/seiyria/bootstrap-slider" rel="noreferrer">bootstrap-slider</a> plugin in modal window. The problem is that part of tooltip of slider is overlapped behind header of modal window and has wrong position. </p>
  
  <p><img src="https://i.stack.imgur.com/9NrHy.png" alt="enter image description here"></p>
  
  <p>I tried to add this rule, but it didn't help.</p>
  
  <pre><code>.slider .tooltip{
      z-index: 1151 !important;
  }
  </code></pre>
  
  <p>I would like to provide correct jsfiddle, but I am not able to find bootstrap-slider plugin cdn. Here is jsfiddle, which doesn't work because bootstrap-slider plugin source is missing.</p>
  
  <p><a href="http://jsfiddle.net/0sryor13/" rel="noreferrer">jsfiddle</a></p>
  
  <p><strong>html</strong></p>
  
  <pre><code>    &lt;a href="#options" role="button" class="btn" data-toggle="modal"&gt;Launch demo modal&lt;/a&gt;
  
  &lt;div id="options" class="modal hide fade"&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;h3&gt;Settings&lt;/h3&gt;
    &lt;/div&gt;
    &lt;div class="modal-body"&gt;
        Vertex size &lt;input id="nodeSize" data-slider-id='nodeSizeSlider' type="text" data-slider-min="1" data-slider-max="50" data-slider-step="1" data-slider-value="20"/&gt;&lt;br&gt;&lt;br&gt;
        Edge size &lt;input id="edgeSize" data-slider-id='edgeSizeSlider' type="text" data-slider-min="1" data-slider-max="50" data-slider-step="1" data-slider-value="20"/&gt;&lt;br&gt;
    &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
          &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Cancel&lt;/button&gt;
          &lt;button class="btn btn-primary" id="saveSettings"&gt;Save&lt;/button&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>javascript</strong></p>
  
  <pre><code>$(document).ready(function () { 
              $('#nodeSize').slider({
                      formatter: function(value) {
                              return value;
                      }
              });
  
              $('#edgeSize').slider({
                      formatter: function(value) {
                              return value;
                      }
              });
  });
  </code></pre>