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

Question

我试图将我的两个 div 放在 Bootstrap 3 的网格中。问题是，它们一起跨越 9 列，这是奇数列。我的第一个 div 跨越 6 列，第二个跨越 3 列。这给我留下了 3 个额外的空白列，但我无法弄清楚如何 divide 左右相等。我可以在左边有 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 class?

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

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

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

Centering divs that span odd number of columns in bootstrap

html

css

twitter-bootstrap

twitter-bootstrap-3