表格内的文本对齐类

Question

Twitter 的 Bootstrap 框架中是否有一组对齐文本的类？

例如，我有一些表 $ 总计，我想右对齐…

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

和

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

原文由 mylesthe.dev 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

引导程序 3

v3 文本对齐文档

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

---

引导程序 4

v4 文本对齐文档

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

---

引导程序 5

v5 文本对齐文档

text-left 已替换为 text-start ， text-right 已替换为 text-end

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

原文由 Michael J. Calkins 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

使用 Bootstrap 3.x 使用 text-right 完美运行：

 <td class="text-right">
  text aligned
</td>

原文由 Paolo Casciello 发布，翻译遵循 CC BY-SA 3.0 许可协议