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

例如，我有一些$表，我想右对齐...

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

和

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

引导程序 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>

text-right Bootstrap 3.x 可以完美地工作：

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

不，Bootstrap 没有为此提供的类，但是这种类被视为 “实用程序” 类，类似于 @anton 提到的 “.pull-right” 类。

如果您看 utilities.less，在 Bootstrap 中将看到很少的实用程序类，原因是这种类通常不被接受，建议用于以下任何一种：a）原型设计和开发 - 这样您就可以快速构建移出页面，然后删除右上角和左上角类，以便将浮点数应用于更多的语义类或元素本身，或者 b）当它显然比更具语义的解决方案更实用时。

就您的情况而言，根据您的问题，您似乎希望表格中的某些文本在右侧对齐，但不是全部。从语义上讲，最好做些类似的事情（我将在这里组成几个类，除了默认的引导类. table 之外）：

<table class="table price-table">
    <thead>
      <th class="price-label">Total</th>
    </thead>
    <tbody>
      <tr>
        <td class="price-value">$1,000,000.00</td>
      </tr>
    </tbody>
  </table>

只需将text-align: left或text-align: right声明应用于 price-value 和 price-label 类（或任何适合您的类）即可。

align-right用作类的问题是，如果要重构表，则必须重做标记和样式。如果使用语义类，则可能仅重构 CSS 内容就可以摆脱困境。另外，如果花时间将类应用于元素，则最佳实践是尝试为该类分配语义值，以使标记易于其他程序员（或三个月后使用）浏览。

想到它的一种方法是：当您提出问题 “此 td 的目的是什么？” 时，您将不会从答案 “align-right” 中得到澄清。