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列）浮动无自动边距。 （在大型显示器上失败）

那么如何将十列中的每两列与十二列中心的十列对中？