vertically align center in bootstrap 4 code example

Example 1: bootstrap column vertical align

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

Example 3: how to center vertically in bootstrap col

...inner divs and content...

Tags:

Misc Example