bootstrap align vertical middle text inside table code example

Example 1: bootstrap 4 vertical align td

baseline
top
middle
bottom
text-top
text-bottom

Example 2: bootstrap table text vertical align center

/* 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

Tags:

Misc Example