我在流体容器内有一个图像(目前是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并尝试我所知道的一切,但我无法获得图像到中心。有什么想法吗?
答案 0 :(得分:4)
试试这个:
.row-fluid{text-align:center;}
.img-responsive{margin:0 auto}