用于表内部的文本对齐类

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

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

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

and

<td class="align-right">$1,000,000.00</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.

2017-03-08 12:20:09

其他回答

你可以使用下面的CSS:

.text-right {text-align: right} /* For right align */
.text-left {text-align: left} /* For left align */
.text-center {text-align: center} /* For center align */

2015-10-08 08:29:26

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

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

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

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

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

2013-02-08 02:59:39

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

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

2016-03-01 01:38:29

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

2017-03-08 12:20:09

v3.3.5中的引导文本对齐:

 <p class="text-left">Left</p>
 <p class="text-center">Center</p>
 <p class="text-right">Right</p>

CodePen例子

2015-10-14 22:02:38

用于表内部的文本对齐类

推荐文章

最新文章

标签