klierik

Здравствуйте. Рекомендую к прочтению http://htmlbook.ru/blog/ispolzovanie-box-sizing Вот наглядный пример:

Нет, в реальных условиях это близко к бессмысленному.

Здравствуйте. К Bootstrap данная реализация имеет слабое отношение. Но если так хочется, как вариант:

Мне кажется ситуация несколько иначе — Вы не понимаете ответов на свои вопросы. А сами вопросы против — понятны. Попробуем разобраться. Я вам предоставил не просто подсказку, а больше — пример реализации. Не решение. В данный момент я не представляю Вашу задачу, не могу её визуализировать, тем самым не предоставляю себе возможным дополнить свой ответ. Мне не известно что Вы подразумеваете под термином "блок". Так же не знаю как выглядит Ваш калькулятор и какую задачу он выполняет. Не представляю как он реализован и какими возможностями владеет. С виду поставленная вами зада

То есть, в ответ Вы хотите получить готовое решение на предоставленную вышеизложенную информацию?

Вам требуется интегрировать данное решение в свою среду. При инициализации передайте значения min/max: https://api.jqueryui.com/slider/#option-min А событие "change" позволит отлавливать изменения положения ползунка и делать просчёты: https://api.jqueryui.com/slider/#event-change

Здравствуйте. Для решения этой задачи Вам потребуется что-то такое: https://jqueryui.com/slider/#range

Здравствуйте. Можно, на пример вот так:

Не могу знать почему у Вас не так. попробуйте воспроизвести Ваш пример на jsfiddle

Здравствуйте. В качестве примера могу предложить такой вариант:

Привет. Думаю про SVG верный путь. Что же касается тех части то, возможно, вот это поможет: Collection of Beautiful SVG Animations on Codepen

Воссоздайте пример на https://jsfiddle.net/, так сложно предугадать какой тут код

Изображение не отображается

Здравствуйте. Вам поможет https://webref.ru/css/flex-direction