我们可以灵活的使用bootstrap框架中的栅格来实现居中对齐等排布方式
思路:12个栅格,左边留1个空白,中间显示内容占10个,右边就留了1个空白栅格,自然就居中对齐了
前端代码:
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>编制整览</h5>
</div>
<div class="ibox-content">
<div id="currentMonthContainer" ></div>
</div>
</div>
</div>
</div>
实现效果:
更多推荐
前端使用bootstrap的栅格实现居中对齐
发布评论