Html 引导容器流体图像在最大宽度后未居中

我在流体容器内有一张1305 x 352像素的图像，如下所示：

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

当页面宽度等于或小于图像宽度时，图像将缩放到页面的全宽，这就是我想要的

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

我尝试在div上使用marginleft和marginright:auto，甚至制作了一个最小宽度为1306px的媒体容器，并尝试了我所知道的一切，但我无法使图像居中。有什么想法吗？

试试这个：

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

试试这个：

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

---

工作得很好！不知道文本对齐将在div上工作。非常感谢！工作得很好！不知道文本对齐将在div上工作。非常感谢！