将twitter引导程序中的列居中对齐[副本]

提问者：小点点

将twitter引导程序中的列居中对齐[副本]

我已经开始学习Bootstrap了。我的问题是如何中心对齐一个列水平，引导包含12列布局，没有中间数字。更清楚的是，如果是11列布局，中间的数字应该是6（左5列，中间1列，右5列）

共3个答案

匿名用户

这个问题在这里得到了正确的回答，使用Twitter Bootstrap 3在专栏中居中

对于奇数行：即col-md-7或col-large-9，使用此

将以列为中心添加到要居中的列中。

<div class="col-lg-11 col-centered">

并将其添加到样式表中：

.col-centered{
float: none;
margin: 0 auto;
}

对于偶数行：即col-md-6或col-large-10使用此

只需使用bootstrap 3的offset col类。即,

<div class="col-lg-10 col-lg-offset-1">

匿名用户

对于bootstrap 3，实现你想要的最好的方法是...用偏移量列。有关详细信息，请参阅以下示例:
http://getbootstrap.com/css/#grid-offsetting

简而言之，在没有看到您的div的情况下，这里有一个示例可以帮助您，不需要使用任何自定义类。请注意“col-6”是如何使用的，它的一半是3...所以“offset-3”是如何使用的。平均分割将允许您要获得的居中间距：

<div class="container">
<div class="col-sm-6 col-sm-offset-3">
your centered, floating column
</div></div>

匿名用户

如果放不下1列，可以干脆在中间放2列……（我只是将答案组合在一起）用于引导程序3

<div class="row">
   <div class="col-lg-5 ">5 columns left</div>
   <div class="col-lg-2 col-centered">2 column middle</div>
   <div class="col-lg-5">5 columns right</div>
</div>

甚至，您还可以通过在样式中添加以下内容以文本为中心的列：

.col-centered{
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

此外，这里还有另一种解决方案