Html 在boostrap网格中居中图像响应

.centro{
显示器：flex；
对齐项目：居中；
证明内容：中心；
保证金：自动0；
填充：32px；
}
.uno img{
保证金：自动0；
宽度：150px；
}
.uno:悬停{
背景色：#005ce2；
高度：185px；
}
.dos img{
宽度：150px；
}
.dos:悬停{
背景色：#c5d544；
高度：185px；
}
特雷斯先生{
/*保证金：自动0*/
宽度：150px；
}
特雷斯：悬停{
背景色：#005ce2；
高度：185px；
}
.uno、.dos、.tres、.cuatro{
边缘顶部：8em；
高度：185px；
左边距：-90px；
右边距：180px；
}
.C00{
位置：相对位置；
顶部：-70px；
右边距：90像素；
左边距：50像素；
}
.容器液体{
宽度：160%；
/*左边距：30px；
右边距：100px*/
}

上校

这是一个有效的解决方案：）希望这有帮助

.centro{
显示器：flex；
对齐项目：居中；
证明内容：中心；
保证金：自动0；
填充：32px；
}
.uno img{
保证金：自动0；
宽度：150px；
}
.uno:悬停{
背景色：#005ce2；
高度：185px；
}
.dos img{
宽度：150px；
}
.dos:悬停{
背景色：#c5d544；
高度：185px；
}
特雷斯先生{
/*保证金：自动0*/
宽度：150px；
}
特雷斯：悬停{
背景色：#005ce2；
高度：185px；
}
.uno、.dos、.tres、.cuatro{
}
.C00{
位置：相对位置；
}
.容器液体{
宽度：100%；
}

上校

请查看.img responsive class with Bootsrap，它会自动为您执行此操作我使用该类，但我想增加页面中行的宽度，当我这样做时，图像会向右对齐。您使用边距：auto 0；但我认为应该是保证金：0自动；通常具有固定的像素宽度。不确定为什么使用宽度超过100%。为什么有

。容器流体{width:160%；}

？