Как убрать область поля в индикаторе загрузки Bootstrap 4?

Question

Я пытаюсь использовать Bootstrap 4 Progress компонент .Мне нужно, чтобы это было между словами в предложении.Поскольку он предназначен для охвата всего ряда, я стараюсь сделать его меньшим блоком, чтобы поместить его между словами.Я уменьшил размер, изменив его ширину, но по какой-то причине у него все еще есть запас, но инструмент разработчика показывает, что никакого запаса нет.

Я не знаю, как справиться с отступом.Есть ли что-нибудь скрытое в Bootstrap 4?

Answer 1

Weird.Я не видел полей, которые вы упомянули в моем инструменте разработчика.

В любом случае, если вы хотите, чтобы индикатор выполнения был между словами, вы можете установить его display: inline-block;.При желании вы также можете назначить ширину:

span.progress {
    display: inline-block;
    width: 12rem;    /* optional */
}

fiddle: http://jsfiddle.net/aq9Laaew/255749/