【栅格式布局5张图片使用col-lg-怎么铺满整个屏幕且不溢出 _bottstrap 】

栅格式布局5张图片使用col-lg-怎么铺满整个屏幕且不溢出

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

bottstrap

详细描述

截图

代码

<div class="container">
    <div class="row business">
        <div class="col-lg-2  col-sm-12 col-md-6 img">
            <span class="imgs"><img src="../img/task8-1-firm1.png"></span>
        </div>
        <div class="col-lg-2  col-sm-12 col-md-6 img">
            <span class="imgs"><img src="../img/task8-1-firm2.png"></span>
        </div>
        <div class="col-lg-2  col-sm-12 col-md-6 img">
            <span class="imgs"><img src="../img/task8-1-firm3.png"></span>
        </div>
        <div class="col-lg-2  col-sm-12 col-md-6 img">
            <span class="imgs"><img src="../img/task8-1-firm4.png"></span>
        </div>
        <div class="col-lg-2  col-sm-12 col-md-6 img">
            <span class="imgs"><img src="../img/task8-1-firm5.png"></span>
        </div>
    </div>
</div>

编辑于2025-04-07

时间排序

热门排序

[真传弟子]JS-张林骞
0

使用媒体查询自定义一个宽度为20%，我的是在父元素设置为弹性盒子，然后自己写的媒体查询，你可自己在改改。@media(min-width:768px){.col-20{flex-basis:20%!important;flex-grow:1;flex-shrink:1;}}@media(min-width:768px){.nowrap{flex-wrap:nowrap!important;}}@media(min-width:576px)and(max-width:767.98px){.col-50{flex-basis:50%!important;}}@media(min-width:576px)and(max-width:7... 查看全部>

编辑于2019-06-29

去第页