在bootstrap中居中跨越奇数列的div

Question

我试图将我的两个div放在Bootstrap 3的网格中。问题是，它们共有9列，这是一个奇数列。我的第一个div跨越6列，第二个跨越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，那将是完美的。我能做些什么来集中我的内容？

我尝试过使用中心块，但这似乎没有任何效果。

Answer 1

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

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

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