如何在引导程序中定位img元素

Question

我有个街区：

<section id="why">
<div class="container">
  <div class="row">
    <div class="col-xs-12">
     <img src="img/image.png" alt="image">
    </div>
  </div>
</div>

.container有左右边距，我无法将图像放在身体左侧。 我需要在身体的左侧拉图像，我需要让它响应。

it looks like this

Answer 1

要使img做出响应，请使用：

<img src="..." class="img-responsive" alt="Responsive image">

.container每边的填充量为15px。通过使用Chrome Inspector等工具，您可以看到每个div具有的样式。

如果不是检查员，请尝试删除您拥有的每个div，一次一个，并查看每个div的工作方式。问这个问题的时间，你可以通过简单的试验来缩小它。

官方网站非常有用，文档记录很丰富，如果您稍微阅读一下，它会清理很多东西。

http://getbootstrap.com/css/

Answer 2

试一试。

您不需要容器，行或col div。

<section id="why" class="text-left">
    <img src="img/image.png" alt="image">
</section>

Answer 3

尝试一下

<div id="why" class="pull-left">
   <img src="..." class="img-responsive">
</div>

您现在将拥有一张自适应图片。但请注意，默认情况下，类img-responsive是display：block。如果要调整图像大小，只需设置图像的宽度和高度。