前端使用bootstrap的栅格实现居中对齐

我们可以灵活的使用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>

实现效果：