Как устранить прыжок с центрированием текста при прокрутке слайдера bootstrap?

Question

[ligisayan]

Всем привет!
Есть слайдер построенный на bootstrap 4 в котором проблема: при прокрутке очередного слайда, плашка с текстом центрируется с визуальным прыжком. Как сделать так, чтобы плашка была изначально отцентрирована на слайде при любом разрешении.

Вариант с подстройкой transform: translateY(); не рассматриваю, интересует грамотная адаптивность без подключения лишних библиотек сторонних слайдеров, функционал стандартного бутстраповского устраивает

Answer 1

[ligisayan]

Answer 2

[Сергей Карвасарный]

Судя по Css ты делаешь центровку текста когда у тебя .active вешается и по этому на применения центровки нужно время, сразу центрируй по умолчанию текстовые блоки по дефолту и вроде должно получится.

Comments

[ligisayan]

Сергей Карвасарный если текстовые блоки заводить сразу флексами, то слайдер ломается.
К решению я пришел через блок текста с классом .carousel-caption внизу