Bootstrap:居中col-md-5？

Question

我觉得这是一个非常奇怪的问题,但我似乎无法在网上找到解决方案.

如果我有col-md-5,我似乎无法居中.据我所知网格系统,如果我选择列大小(1-12),为了控制列的位置,我使用col - ## - offset-#.

所以如果我有一个col-md-4,我会用col-md-offset-4它从左边推4列,然后它会居中.我们的想法是,要使列居中,网格中的左侧和右侧的列必须相同.

现在,如果我有一个,让我们说,col-md-5怎么办？我该如何居中呢？做类似的事情col-md-4会从右边留下3.我尝试了几件事但没有成功.

提前致谢.

Answer 1

引导程序4

在Bootstrap 4中，可以使用mx-auto自动左/右页边距简单地完成此操作...

<div class="container">
  <div class="row">
     <div class="col-sm-5 mx-auto">
        Centered
    </div>
  </div>
</div>

Answer 2

<div class="col-md-10 col-md-offset-1">
    <div class="col-md-6 col-md-offset-3">
    </div>
</div>

Answer 3

那么你可以尝试这个

.col-centered {
display:inline-block;
float:none;
}

这是html为此

<div class="row">
    <div class="col-lg-1 col-centered"></div>
</div>

这只是一般的想法，但这是我在网上找到的一个例子。