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

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

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

and

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

当前回答

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

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

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

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

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

其他回答

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

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

我猜是因为CSS已经有了text-align:right, AFAIK, Bootstrap没有一个专门的类。

Bootstrap确实有“右拉”浮动divs等到右边。

Bootstrap 2.3刚刚出来,增加了文本对齐样式:

Bootstrap 2.3发布(2013-02-07)

Bootstrap 2.3具有文本左、文本右和文本中心实用程序类,但它们不能在表格单元格中工作。直到Bootstrap 3.0发布(他们已经修复了这个问题),我能够进行切换,我已经将此添加到我的网站CSS中,在Bootstrap . CSS之后加载:

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

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

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

现在,随着Bootstrap 3的发布,你可以使用text-center类进行中心对齐,text-left类进行左对齐,text-right类进行右对齐,text-justify类进行对齐。

Bootstrap是一个非常简单的前端框架,一旦你使用它。以及非常容易定制,以满足您的喜好。

这是最简单的解决办法

你可以像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>

检查: 演示