bootstrap text vertical align code example

Example 1: bootstrap vertical align

...
...
...
...
...

Example 2: bootstrap column vertical align

baseline
top
middle
bottom
text-top
text-bottom

Example 3: 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 4: bootstrap 5 vertical align

baselinetopmiddlebottomtext-toptext-bottom

Tags: