在响应式网站中居中徽标

Question

我需要在调整Wordpress响应主题的大小时，将徽标图像（最初在左侧）移动到其容器的中心。 这个screenshot来自div容器CSS。我可以看到宽度是如何变化的。

编辑：我正在使用Bootstrap主题，所以这个现场演示可能会有所帮助，http://demo.opencodez.com/openstrap/

Answer 1

有很多方法可以做到这一点。 从截图我可以看出你的主题是使用bootstrap并且logo放在导航栏中（我的猜测）所以你可以看到http://getbootstrap.com/components/#navbar

如果是最高标题：

@media (max-width: 767px) {
    .logo-row > div {
        width: 100%;
        text-align: center;
    }
    .logo-row .img-responsive {
        display: inline-block;
    }
}