Vertical align in bootstrap table

Question

I am trying to display a table with 4 columns, one of which is an image. Below is the snapshot:-

Answer 1

Based on what you have provided your CSS selector is not specific enough to override the CSS rules defined by Bootstrap.

Try this:

.table > tbody > tr > td {
     vertical-align: middle;
}

In Boostrap 4, this can be achieved with the .align-middle Vertical Alignment utility class.

Text