title: Custom Numeric Spinner Bootstrap jQuery
body: <p>I am in need of a numeric input with updown arrows on the right to select a number. However, the step changes depending on the value, and values are rounded to different places (you can see the fiddle for the example).</p>
  
  <p>Now I have tried 3 different approaches to this:</p>
  
  <p><strong>Bootstrap - type="number"</strong> = Preferred method</p>
  
  <p>I have attempted rounding and step changes but unsuccessfully. It works if I only use the updown buttons, however if I enter 2000000 as an example it shows it is invalid. Furthermore, this won't work in Firefox. When researching this issue I came accross <em>Modernizr</em> but was unsure how to implement it (will look into this more once the primary issue is resolved)</p>
  
  <p><strong>jQuery UI Spinner</strong></p>
  
  <p>Couldn't really get the rounding and steps working as with the Bootstrap attempt. Also, styles conflict so would require CSS modifications.</p>
  
  <p><strong>Custom Attempt</strong></p>
  
  <p>I've attempted my own approach as shown in the fiddle. I still have to add functions for the button clicks. Couldn't get the thing to fill the container div when using span12 for some reason.</p>
  
  <pre><code>My (failed) results so far: http://jsfiddle.net/rZyZW/
  </code></pre>
  
  <p>I probably have overlooked a simple method or am going in the wrong direction with this, hopefully someone can help!</p>
  
  <blockquote>
    <p><strong>EDIT*</strong></p>
    
    <p>Check out @rbaker86's response below, great solution to my issue with rounding and changing the step.</p>
    
    <p>Just need to get this to work with Firefox!</p>
  </blockquote>