Image 使用bootstrap 3.0时，图像不居中（在移动视图上）_Image_Twitter Bootstrap_Responsive Design_Twitter Bootstrap 3

Image 使用bootstrap 3.0时，图像不居中（在移动视图上）

image twitter-bootstrap responsive-design twitter-bootstrap-3

Image 使用bootstrap 3.0时，图像不居中（在移动视图上）,image,twitter-bootstrap,responsive-design,twitter-bootstrap-3,Image,Twitter Bootstrap,Responsive Design,Twitter Bootstrap 3,我有一个使用Bootstrap3.0RC1的小网站，我只是想把一个简单的图像放在中心（带有响应性渲染）因此，桌面设备上的一切似乎都能正常工作，但当我在手机等小型设备上查看我的网站时，图像会调整大小（这很好），但不会完全居中。。。。。我很困惑有什么想法吗多谢各位我使用以下代码： <body style="display: block;"> <section class="container"> <header> <div class="row"&

我有一个使用Bootstrap3.0RC1的小网站，我只是想把一个简单的图像放在中心（带有响应性渲染）

因此，桌面设备上的一切似乎都能正常工作，但当我在手机等小型设备上查看我的网站时，图像会调整大小（这很好），但不会完全居中。。。。。我很困惑

有什么想法吗

多谢各位

我使用以下代码：

<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;
}

编辑：

我无法使用您提供的标记在手机大小的浏览器窗口上复制此行为

图像在原始图像中正确居中，因此没有更多信息，我不确定问题出在哪里。thx sara，但我的桌面上也有一个居中的图像。当我使用galaxy note查看网站时，我没有获得完全居中的图像Bootstrap没有用户代理检查——只有CSS媒体查询——因此调整浏览器窗口的大小应该准确地复制您在移动设备上看到的任何内容。尝试在手机大小的浏览器窗口上查看您的网站。将替换为，一切正常！谢谢你的帮助