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

例如,我有一些包含$ total的表格,我希望它们向右对齐……

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

and

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

当前回答

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

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

其他回答

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

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

.text-align类完全有效,比.price-label和.price-value更有用,后者已经没有任何用处了。

我建议100%使用自定义实用程序类

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

我喜欢施魔法,但那取决于你,比如

span.pull-right {
  float: none;
  text-align: right;
}

使用text-align:center !重要。可能有其他的文本对齐css规则,所以!important是重要的。

表格 th, td { 颜色:黑色!重要; border-collapse:崩溃; 背景颜色:黄色! 边框:1px纯黑色; 填充:10 px; Text-align: center ! } <表> < tr > < th > 居中对齐文本 < / th > < / tr > < tr > <td>居中对齐文本</td> <td>居中对齐文本</td> < / tr > 表> < /

下面几行代码运行正常。你可以指定类,如文本中心,左或右,文本将相应地对齐。

<p class="text-center">Day 1</p> 
<p class="text-left">Day 2</p> 
<p class="text-right">Day 3</p>

这里不需要创建任何外部类。这些是Bootstrap类,它们有自己的属性。

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

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