[bootstrap]栅格布局与flex的区别以及栅格布局的响应式应用

最新推荐文章于 2023-07-27 13:02:36 发布

riverrun_z

最新推荐文章于 2023-07-27 13:02:36 发布

阅读量955

点赞数

分类专栏： bootstrap 文章标签： bootstrap

本文链接：https://blog.csdn.net/weixin_48047636/article/details/124401323

版权

栅格布局的特点以及与flex的区别

HTML

<body>
    <!-- 一行4个 -->
    <div class="container">
        <div class="row">
            <!-- 
               问题: 这样写会有一个问题,就是只要加一点外边距之类的\
               它就会有col块被挤到下一行
               解决方法:利用方块自带天沟的特性
               把块放进col里面
            -->
        <div class="zdy-h col-3 ">
              <div class="zdy-h bg-danger"></div>
        </div>

        <div class="zdy-h col-3 ">
              <div class="zdy-h bg-primary"></div>
        </div>

        <div class="zdy-h col-3 ">
            <div class="zdy-h bg-succ

最低0.47元/天解锁文章

riverrun_z

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
[bootstrap]栅格布局与flex的区别以及栅格布局的响应式应用

栅格布局的特点以及与flex的区别HTML<body>  <div class="container"> <div class="row"> <!-- 问题: 这样写会有一个问题,就是只要加一点外边距之类的\ 它就会有col块被挤到下一行解决方法:利用方块自带天沟的特性
复制链接

扫一扫