1

我有一个使用 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>
4

1 回答 1

2

您的.containerCSS 缺少右括号。

.container {
  max-width: 700px;
  background:white;
  padding: 30px 50px;
  margin: 20px auto;
  text-align: center;
}

编辑：

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

于 2013-08-01T22:06:12.373 回答