Bootstrap - 内部表格的文本对齐类 [英] Bootstrap - Text-align class for inside table

问题描述

Twitters Bootstrap Framework中是否有一组类将文本对齐？

例如，我有一些表 $ 总计，我想对齐到右边...

 < th class =align-right> Total< / th> 
  

和

 < td class =align-right> $ 1,000,000.00< / td> 
  

解决方案

引导程序3

Bootstrap 4

Is there a set of classes in Twitters Bootstrap Framework that aligns text?

E.g. I have some tables with $ totals that I want aligned to the right...

<th class="align-right">Total</th>

and

<td class="align-right">$1,000,000.00</td>

解决方案

Bootstrap 3

v3 Text Alignment Docs

<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>

Bootstrap 4

v4 Text Alignment Docs

<p class="text-xs-left">Left aligned text on all viewport sizes.</p>
<p class="text-xs-center">Center aligned text on all viewport sizes.</p>
<p class="text-xs-right">Right aligned text on all viewport sizes.</p>

<p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>

这篇关于Bootstrap - 内部表格的文本对齐类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！