使用Bootstrap 4将Div的图像集中在移动设备上，但不在桌面模式下

Question

我有这个带有社交媒体按钮的DIV：

<div class="redes-sociales col-sm-pull-6 col-md-6 col-lg-push-4 float-right py-2">
                <img class="img-rounded img-social" alt="fb" src="img/fb.png">
                <img class="img-rounded img-social" alt="ig" src="img/ig.png">
                <img class="img-rounded img-social" alt="tt" src="img/tt.png">
            </div>

看起来像这样：

social media bar

我需要的是，当页面处于移动模式时，图标显示在中间居中位置：

mobile mode

要实现此目标，我需要更改什么？谢谢！

Answer 1

尝试将其添加到您的CSS

@media screen and (max-width:768px){
    .redes-sociales{
        float: none;
        margin: 2px auto;
    }
}