Bootstrap来了!在Bootstrap 3中熟悉的实用程序类。X现在是断点启用。默认的断点是:xs, sm, md, lg和xl，所以这些文本对齐类看起来像.text-[breakpoint]-[align]。

<div class="text-sm-left"></div> //or
<div class="text-md-center"></div> //or
<div class="text-xl-right"></div>

重要:在撰写本文时，Bootstrap 4只在Alpha 2中。这些类及其使用方式如有更改，恕不另行通知。

扩展David的回答，我只是添加了一个简单的类来增强Bootstrap，像这样:

.money, .number {
    text-align: right !important;
}

在这三个类引导无效类

 .text-right {
     text-align: right; }

 .text-center {
     text-align: center; }

 .text-left {
    text-align: left; }

这是最简单的解决办法

你可以像text-center, left或right这样分配类。文本将相应地对齐这些类。不必单独创建类。这些类是BootStrap 3中内置的

    <h1 class="text-center"> Heading 1 </h1> 
    <h1 class="text-left"> Heading 2 </h1> 
    <h1 class="text-right"> Heading 3 </h1>

检查: 演示

使用BootstrapX使用text-right完美工作:

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

<p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>

Left aligned text on viewports sized MD (medium) or wider. Left aligned text on viewports sized LG (large) or wider. Left aligned text on viewports sized XL (extra-large) or wider.