首页 > 技术文章 > 栅格系统

limakilo 2021-06-27 16:46 原文

<body>

    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-xs-6">1</div>
            <div class="col-lg-3 col-xs-6">2</div>
            <div class="col-lg-3 col-xs-6">3</div>
            <div class="col-lg-3 col-xs-6">4</div>
        </div>
        <div class="row">
            <!-- 向右偏移五个格子 pull相左 -->
            <!-- hidden-xs在超小设备上隐藏 -->
            <div class="col-lg-3 col-lg-push-5 hidden-xs">1</div>
            <!-- 向右偏移六个格子 -->

            <div class="col-lg-3 col-lg-offset-6">2
                <span class="visible-xs">超小设备可见</span>
            </div>
        </div>
    </div>
</body>

推荐阅读