title: How to set tooltips in Bootstrap-Slider to be text strings vs. tick values
body: <p>I am wondering if it is possible to override the <code>tick values</code> in Bootstrap-Slider (latest v9.7.2 at time of post) to be a text string vs. the tick value.</p>
  
  <p>In the screen shot below, the tick value "2" appears above the last select element on the slider. I want to be able to have the word "Speak" appear in stead. Is that possible?</p>
  
  <p><a href="https://i.stack.imgur.com/DXXXG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DXXXG.png" alt="enter image description here"></a></p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;label class="col-md-4 control-label" for="language_french"&gt;French&lt;/label&gt;
    &lt;div class="col-md-4"&gt;
      &lt;input id="language_french" type="text" data-provide="slider"
        data-slider-ticks="[0, 1, 2]"
        data-slider-min="0"
        data-slider-max="2"
        data-slider-step="1"
        data-slider-value="0"
        data-slider-tooltip="show"
      /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my jQuery/JavaScript:</p>
  
  <pre><code>&lt;script&gt;
    // https://github.com/seiyria/bootstrap-slider
    var slider_002 = new Slider( '#language_french' );
  &lt;/script&gt;
  </code></pre>
  
  <p>Amended per answer from @Seiyria ... but it only works for the French language instance. No other language instance works:</p>
  
  <pre><code>&lt;script&gt;
    // https://github.com/seiyria/bootstrap-slider
    var values = ['None', 'Read', 'Speak'];
    var formatter = (index) =&gt; values[index];
    new Slider( '#language_english' );
    new Slider( '#language_french', { formatter } );
    new Slider( '#language_italian', { formatter } );
    new Slider( '#language_spanish', { formatter } );
  &lt;/script&gt;
  </code></pre>