title: Boostrap-slider tooltip doesn't display properly on mobile
body: <p>The <a href="https://github.com/seiyria/bootstrap-slider" rel="nofollow">slider</a> works fine on my desktop but on mobile you need to press the circle (mover on the slider) several times for it to get focus and the tooltip to appear, otherwise you'd just be sliding blindly.</p>
  
  <p>The slider HTML is:</p>
  
  <pre><code>&lt;input name="sliderAvgT" id="sliderAvgT" type="text"&gt;&lt;br /&gt;
  </code></pre>
  
  <p>Java:</p>
  
  <pre><code>sliderAvgT = new Slider("#sliderAvgT", { id: "slider12c", min: {{minAvgT}}, max: {{maxAvgT}}, range: true, value: [defaultMinAvgT, defaultMaxAvgT] });
  </code></pre>
  
  <p>CSS:</p>
  
  <p>none</p>