React Bootstrap: Vertical alignment of row's columns?

Question

I am using react bootstrap, I am trying to align items vertically within a row but with no luck. My problem is I have a button in one of the columns, so for the other column

Answer 1

If you are using table rows, you can wrap contents within a

..

like:

and then you can use flexbox to align them dynamically:

tr .align-me {
  display: flex;
  align-items: center;
}