我希望我的日期选择器位于页面中间,例如。我所在的行:<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>
答案 0 :(得分:2)
尝试这样的事情:
<div class="col-sm-12">
<div class="datepicker"></div>
</div>
然后给日期选择器提供如下内容:
.datepicker {
display:inline-block;
margin:0 auto;
}
我没有测试过这个,但它会在我开始的地方。
答案 1 :(得分:0)
style="text-align:center;"
会不会这样做?我测试过,对于我来说,“CALENDAR”文本是居中的
<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>
答案 2 :(得分:0)
这是解决问题的方法。将其添加到自定义样式表中的某处,并将宽度%更改为适合您设计的宽度。
.datepicker-inline {
width: 20%;
}