Bootstrap网格系统

来源:互联网 发布:json解析框架 编辑:程序博客网 时间:2024/06/08 06:22

Bootstrap网格系统

<div class="container">        <%-- 12栅格系统:lg、md、sm、xs --%>        <%-- 偏移列:col-lg-offset- --%>        <%-- 嵌套列 --%>        <div class="row">            <div class="col-lg-3">                <p>为了在内容中嵌套默认的网格,请添加一个新的 .row,并在一个已有的 .col-md-* 列内添加一组 .col-md-* 列。被嵌套的行应包含一组列,这组列个数不能超过12(其实,没有要求你必须占满12列)。</p>            </div>            <div class="col-lg-9">                <div class="row">                    <div class="col-lg-6">                        111111                    </div>                    <div class="col-lg-6">                        222222                    </div>                </div>                <div class="row">                    <div class="row">                        <div class="col-lg-6">                            333333                        </div>                        <div class="col-lg-6">                            444444                        </div>                    </div>                </div>            </div>        </div>        <%-- col-lg-push- (左移);col-lg-pull- (右移) --%>    </div>
1 0