如何使用bootstrap集中对齐1/3宽度列

Question

如何在引导程序中集中对齐占据宽度1/3的2列？我尝试搜索Google并找到了3列的解决方案，但我需要2个。

感谢您的回答

HTML

<div class="row circles">
    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
        <div class="img-circle"></div>
        <strong>Loren ipsum</strong>
        <div class="text">Og at profilen gir et solid og Og at profilen gir et solid og </div>
    </div>

    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
        <div class="img-circle"></div>
        <strong>Loren ipsum</strong>
        <div class="text">Og at profilen gir et solid og Og at profilen gir et solid og </div>
    </div>
</div>

CSS ：

ul.circles {
    list-style-type: none;
    margin: 0px auto 0px;
}
ul.circles p {
    text-align: center;
}
ul.circles .text,strong {
    display: block;
    text-align: center;
    margin: 20px 0px 20px;
}
.img-circle {
    background-color: #2d0e1e;
    height: 200px;
    width: 200px;
    margin: 0px auto;
    margin-top: 50px;
}

这是一张图片，例如：

Answer 1

您可以使用col-lg-offset-2和col-md-offset-2类来覆盖您的第一列：

<div class="row circles">
  <div class="col-lg-4 col-md-4 col-lg-offset-2 col-md-offset-2 col-sm-6 col-xs-12">
    <div class="img-circle"></div>
    <strong>Loren ipsum</strong>
    <div class="text">Og at profilen gir et solid og Og at profilen gir et solid og </div>
  </div>

  <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
    <div class="img-circle"></div>
    <strong>Loren ipsum</strong>
    <div class="text">Og at profilen gir et solid og Og at profilen gir et solid og </div>
  </div>
</div>

注意：在这种特殊情况下，您的col-md-*类是多余的，可以删除。

Bootply

Answer 2

我不确定你想要什么，但在CSS中你可以使用以下内容：

.row.circles {margin: 0px auto;}

那会有用吗？