bootstrap 4 vertical align td
<span class="align-baseline">baseline</span> <span class="align-top">top</span> <span class="align-middle">middle</span> <span class="align-bottom">bottom</span> <span class="align-text-top">text-top</span> <span class="align-text-bottom">text-bottom</span>
Source: getbootstrap.com
make text vertical align middle in table bootstrap
<table style="height: 100px;"> <tbody> <tr> <td class="align-baseline">baseline</td> <td class="align-top">top</td> <td class="align-middle">middle</td> <td class="align-bottom">bottom</td> <td class="align-text-top">text-top</td> <td class="align-text-bottom">text-bottom</td> </tr> </tbody> </table>
Source: getbootstrap.com
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. */ <td class="align-middle">Text</td>
Source: stackoverflow.com