如何将图像置于Bootstrap中的div中心

Question

我试图在中间栏div中水平居中90％的圆环图。我使用了class =＆＃34; center-block＆＃34;，但似乎没有解决它。如何将图像置于中心位置？

您可以在此处查看该网站： http://matthewtbrown.com/test/myprojects.html

Answer 1

您将图像浮动到左侧，只需将其删除即可。我假设您只是尝试使用以下代码浮动配置文件图像：

@media (min-width: 1200px) {
    .middlecolumn img {
        float: left;
    }
}

由于您已将个人资料图片封装在具有特定类别的div中，因此您可以将上述CSS更改为：

@media (min-width: 1200px) {
    .middlecolumn .personpic img {
        float: left;
    }
}