Vertical alignment in Bootstrap 4?


Warning: count(): Parameter must be an array or an object that implements Countable in /home/styllloz/public_html/qa-theme/donut-theme/qa-donut-layer.php on line 274
0 like 0 dislike
46 views
I have two columns on the right assume there is text and elements. And in the left I have one input, and the block I want the block was always vertically in the middle between the input and the end of the right block. How can I do it? Example to have.
5aec2886cb459713915627.jpeg
by | 46 views

3 Answers

0 like 0 dislike
Here is a coded example.
The bottom line:
The left column make the direction of the Flex - column class helper d-flex flex-column
You have input in your wrapper, and the unit that should be doing the vertical center of marginy - auto: my-auto, so it will try to occupy a Central position.
by
0 like 0 dislike
by
0 like 0 dislike
https://codepen.io/zelenka/pen/wjqPJV?editors=1100 works if you specify the height of the child units
by

Related questions

0 like 0 dislike
1 answer
0 like 0 dislike
2 answers
0 like 0 dislike
1 answer
0 like 0 dislike
2 answers
110,608 questions
257,187 answers
0 comments
40,796 users