【栅格式布局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>

编辑于2024-04-24

时间排序

热门排序

[真传弟子]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: 767.98px)
{
.col-100{
flex-basis: 100%!important;
}
}

查看全部>

编辑于2019-06-29

去第页