css - Bootstrap - 我无法将我的五两列居中放置在十二列内的十列内

Question

我无法在十二列中的十列中将我的五个两列居中。 http://jsfiddle.net/p8znkgv2/ .我尝试了以下“解决方案”但没有任何运气:

<div class="container">
<div class="row">
<div class="col-sm-12">
    <div class="col-sm-1"> </div>
    <div class="col-sm-10 col-centered">
        <div class="col-sm-2">Coontent</div>
        <div class="col-sm-2">Coontent</div>
        <div class="col-sm-2">Coontent</div>
        <div class="col-sm-2">Coontent</div>
        <div class="col-sm-2">Coontent</div>
    </div>
    </div>
    <div class="col-sm-1"> </div>
</div>

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

• 将容器设为表格，每列设为表格单元格元素(失败)
• 使容器(10 列)不 float 并带有自动边距。 (在大型显示器上失败)

那么如何让每两列在十列中居中，而十列在十二列中居中呢？

Answer 1

So how can I center each two column inside the ten column with the ten column centered inside the twelve column?

通过使用 .col-sm-offset-* 类。可以在此处找到示例。 http://getbootstrap.com/css/#grid-offsetting .这也是一个 fiddle 。 http://jsfiddle.net/yongchuc/m12cysv1/