Bootstrap容器 - 流体图像在最大宽度后不居中

Question

我在流体容器内有一个图像（目前是1305 x 352像素），如下所示：

<div class="container-fluid" id="lion-div">
    <div class="row-fluid">
        <img src="image.png" class="img-responsive"></img>
    </div>
</div>

当页面宽度等于或小于图像的宽度时，图像会缩放到页面的整个宽度，这就是我想要的。

但是，当页面宽度较大时，图像保持与左侧对齐。我希望它留在页面中间。

我尝试过使用margin-left和margin-right：自动对div，甚至制作一个最小宽度的媒体容器：1306px并尝试我所知道的一切，但我无法获得图像到中心。有什么想法吗？

Answer 1

试试这个：

.row-fluid{text-align:center;}
.img-responsive{margin:0 auto}