我有一个使用Bootstrap 3.0 RC1的小网站，我只是想集中一个简单的图像（具有响应渲染）
因此，一切似乎都可以在桌面设备上运行，但当我在手机等小型设备上查看我的网站时，图像会调整大小（这很好），但不会完全居中。。。。。我很困惑。。
知道吗？
非常感谢，
我使用以下代码：
<body style="display: block;">
<section class="container">
<header>
<div class="row">
<div class="col-lg-6 col-offset-3">
<center><img src="img/grey_wash_wall.png" class="text-center" title="Hello" alt="World"></center>
</div>
</div>
<div class="row">
<div class="title col-lg-12">
<h1>Welcome to my website</h1>
</div>
</div>
</header>
.container CSS上缺少一个右括号。
.container {
max-width: 700px;
background:white;
padding: 30px 50px;
margin: 20px auto;
text-align: center;
}
编辑：
我无法使用您提供的标记在移动大小的浏览器窗口上复制此行为。jsFiddle