Bootstrap ползунок, как привязать просто указывает

Question

Как получить этот ползунок привязать только к точкам: https://jsbin.com/hepiyawumi/edit?html,output

Я попытался с помощью data-slider-step, но как точки имеют значения, которые не равномерно друг от друга, я не получите желаемого результата.

Желаемый результат - щелкнуть только 0, 5, 10, 20, 30, и нигде между ними нет.

Answer 1

Я хотел бы сделать это:

1. Удалить data-slider-step="5"
2. Изменение data-slider-ticks="[0, 5, 10, 20, 30]" в data-slider-ticks="[0, 1, 2, 3, 4]"
3. Используйте опцию formatter, чтобы получить подсказку, чтобы сказать то же самое, как клещ этикетки