html - 在 bootstrap 中居中对齐div内容

我希望我的日期选择器位于页面的中间，例如。我所在的行:<div class="center-block text-center datepicker"></div>
显然我已经尝试过center-block和text-center，但是都没有改变。并通过偏移量使其仅靠近中心而没有完美地对准中心。

我需要做什么？

谢谢

<div class='row'>
  <div class='col-sm-12'>
    <div class='page-header page-header-with-icon mg-t'> <i class='fa-icon-calendar'></i>

      <h2>Calendar</h2>

    </div>
    <div class="row">
      <div class="col-sm-4 col-sm-offset-4">
        <div class="center-block text-center datepicker"></div>
      </div>
    </div>
  </div>
</div>

最佳答案

尝试这样的事情:

<div class="col-sm-12">
    <div class="datepicker"></div>
</div>

然后给日期选择器输入以下内容:

.datepicker {
   display:inline-block;
   margin:0 auto;
}

我尚未对此进行测试，但这将是我的起点。

关于html - 在 bootstrap 中居中对齐div内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30747041/