在 twitter bootstrap 中将 span 居中

Question

我是 Twitter 引导程序的新手。如何将span 居中在parent row 中？

我使用的是 Twitter Bootstrap 版本 2.3 而不是 3.1 。由于在 3.1 中有一个我不能在 2.3 中使用的中心块。我必须使用2.3所以不建议我升级。

非常感谢

Answer 1

将类 text-center 添加到 span。

<div class="span12 text-center">some text</span>

Bootply

Alignment classes 在 bootstrap 2.3 中发布

或者，如果您想使用自己的 css 类，您可以通过多种方式做到这一点，其中一种方式如下：

示例标记

<div class="row">
  <div class="span12 text-center">some text</div>
</div>

CSS

.row
{
   text-align: center;
}
.span12
{ 
  display: inline-block;
}