在引导程序中将跨越奇数列的 div 居中

Question

我试图在 Bootstrap 3 的网格中居中我的两个 div。问题是，它们一起跨越 9 列，这是奇数列。我的第一个 div 跨越 6 列，第二个 div 跨越 3 列。这给我留下了 3 个额外的空白列，但我无法弄清楚如何将其平均分配到左侧和右侧。我可以在左侧有 2 个空列，在右侧有 1 个空列，或者反过来。

例如，左对齐：

 <div class="row">
              <div class="col-md-2"></div>

              <div class="col-md-6">
                     <div id="myFirstDiv"></div>
              </div>

              <div class="col-md-3">
                     <div id="mySecondDiv"></div>
              </div>  

              <div class="col-md-1"></div>
    </div>

如果有办法使第一列 1.5 和最后一列 1.5，那将是完美的。我可以做些什么来使我的内容居中？

我尝试过使用 center-block，但这似乎没有任何效果。

Answer 1

所以你想要一个.col-md-1andahalf 类？

只要创建一个，如果你需要的话：

@media (min-width: 992px)/*or whatever*/{
.col-md-1-5 {
width: 12.5%;
}
 //.....
}