title: How to have decimal increments in Bootstrap Slider in View Page?
body: <p>I want to implement a Bootstrap slider where the values increment by 0.01. Also, I should be able to specify the range of values; for example, the user can only select values between 4 and 12, and moving the slider increases the values in the increments of 0.01. </p>
  
  <p><strong>Razor/HTML</strong></p>
  
  <pre><code>&lt;input id="inputRateOfInterest" type="text" /&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>&lt;script src="~/lib/jquery/dist/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $("#inputRateOfInterest").scroll({
          precision: 2,
          value: 8.10
      });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Output</strong>
  I am not seeing any slider in the output. I am simply getting a textbox where I am able to enter text.</p>
  
  <p>I am new to Bootstrap. I referred to some links that gave me some idea, but I wasn't able to go further. I might be missing something. </p>