Вертикальное выравнивание в Bootstrap 4?

Question

[OrlySedl]

У меня есть две колонки, в правой допустим есть текст и элементы. А в левой у меня один input и блок который я хочу чтобы блок был всегда вертикально посередине между input и концом правого блока. Как мне это сделать? Пример на фотографии есть.

Answer 1

[Александр Талалаев]

Вот сверстал пример.
Суть:
Левой колонке делаешь направление флекса - колонкой класс хелпер d-flex flex-column
Инпут у тебя в свое обертке, а блоку который должен быть по центру делаешь вертикальные марджины - авто: my-auto, таким образом он будет пытаться занять центральную позицию.

Comments

[OrlySedl]

Большое спасибо!!! Это именно то что я искал!

Answer 2

[Максим Тимофеев]

https://getbootstrap.com/docs/4.1/layout/grid/#ver...
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Answer 3

[Сергей Лещенко]

https://codepen.io/zelenka/pen/wjqPJV?editors=1100 работает если указана высота дочерних блоков