Vertical align in bootstrap table not working

Question

I'm trying to vertically align text centrally in a bootstrap table.

I've read the answer at Vertical align in bootstrap table and tried the solution, but as this bootply shows, it's not affecting the alignment. See http://www.bootply.com/OkzxyD2JSk

Can anyone identify what I'm doing wrong, and how to get the text vertically centered instead of aligned near the top of the table rows?

Answer 1

It happens because you use paragraphs <p>, which have padding-bottom: 10px; stated in file "type.less". To vertically allign you just need to make top and bottom paddings of paragraph equal:

p {
  margin: 5px 0;
}

look at http://www.bootply.com/qOt7aGzaJW