中心在twitter引导中对齐列
这个问题在这里已经有了答案:
这里的问题正确地回答了使用Twitter Bootstrap 3的一个专栏
对于奇数行:即col-md-7或col-large-9使用此行
将col-centered添加到要居中的列。
<div class="col-lg-11 col-centered">
并将其添加到您的样式表中:
.col-centered{
float: none;
margin: 0 auto;
}
对于偶数行:即,col-md-6或col-large-10使用此行
只需使用引导程序3的偏移col类即可。 即
<div class="col-lg-10 col-lg-offset-1">
使用bootstrap 3来实现你想要的最好的方式是......用偏移列 。 请参阅这些示例以获取更多详细信息
http://getbootstrap.com/css/#grid-offsetting
总之,没有看到你的div这里有一个例子可以帮助,而不使用任何自定义类。 只要注意如何使用“ col-6 ”以及如何使用“ col-6 ”的一半是3 ...因此使用了“ 偏移-3 ”。 同样的分割将允许你要的中心间距:
<div class="container">
<div class="col-sm-6 col-sm-offset-3">
your centered, floating column
</div></div>
如果你不能放1列,你可以简单地把2列放在中间......(我只是合并答案)对于Bootstrap 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;
}
另外,这里还有另一个解决方案
链接地址: http://www.djcxy.com/p/75889.html