中心在引导程序中对齐div内容

Question

我希望我的日期选择器位于页面中间,例如.我所拥有的那条线:<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>

Answer 1

style="text-align:center;"应该做的伎俩不？我测试过，对我来说，“日历”文本居中

<div class="col-sm-12">
   <div class="page-header page-header-with-icon mg-t" style="text-align:center;">
   <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>