响应式开发(bootstrap)

最新推荐文章于 2024-07-20 15:49:14 发布

风雨等归期

最新推荐文章于 2024-07-20 15:49:14 发布

阅读量186

点赞数

分类专栏： html基础文章标签： bootstrap

本文链接：https://blog.csdn.net/liangmaxmin/article/details/106408255

版权

html基础专栏收录该内容

9 篇文章 0 订阅

订阅专栏

原理:利用媒体查询对不同宽度的设备进行布局和样式的设置,从而使配不同设备的目的
在这里插入图片描述 bootstrap栅格系统

在这里插入图片描述

<div class="container">
    <div class="row">
        <div class="col-lg-3 col-sm-12">
            <div class="row">
                <div class="col-lg-3 col-sm-6">4</div>
                <div class="col-lg-3 col-sm-6">4</div>
            </div>
        </div>
        <div class="col-lg-3">2</div>
        <div class="col-lg-3">3</div>
        <div class="col-lg-3">4</div>
    </div>
</div>