Html 在列中放置图像

我不能把我的图片放在专栏里，我已经尽了最大的努力但没能做到。 我所有的图像都以行的形式显示。 这是我的密码：

<div class="container">
  <div class="row">
    <div class="col-xs-2 col-sm-6 col-md-4">
      <img id="img" src="img/homepage/images.jpg" class="img-responsive img-rounded">
      <img id="img2"src="img/homepage/images (1).jpg" class="img-responsive img-rounded">
      <img id="img3"src="img/homepage/image3.jpg" class="img-responsive img-rounded">
       </div>
  </div>

---

我怎么了？这是示例图像。我是新手，想在专栏里放更多的图片

将

display:block

添加到您的img样式中。这样做会使img占据所有的水平空间，而不会将它们放大，因此它们相互叠加

.img响应{
显示：块；
}

---

听起来你的图像对于你的专栏来说太宽了。尝试将它们放在单独的列中

<div class="container">
  <div class="row">
    <div class="col-xs-2 col-sm-6 col-md-4"><img id="img" src="img/homepage/images.jpg" class="img-responsive img-rounded" /></div>
    <div class="col-xs-2 col-sm-6 col-md-4"><img id="img2"src="img/homepage/images (1).jpg" class="img-responsive img-rounded" /></div>
    <div class="col-xs-2 col-sm-6 col-md-4"><img id="img3"src="img/homepage/image3.jpg" class="img-responsive img-rounded /></div>
  </div>
</div>

示例：

试试这个：

HTML:

---

在代码中，您缺少一个结束标记

我想建议你们应该了解引导行和列

引导计数一行中有12列。

由于您喜欢在一行的多个列中设置图像，因此您的代码如下所示：

<div class="container">
    <div class="row">
        <div class="col-md-4">
            <img id="img" src="img/homepage/images.jpg" class="img-responsive img-rounded">
        </div>
        <div class="col-md-4">
            <img id="img2" src="img/homepage/images(1).jpg" class="img-responsive img-rounded">
        </div>
        <div class="col-md-4">
            <img id="img3" src="img/homepage/image3.jpg" class="img-responsive img-rounded">
        </div>
    </div>
</div>

您想将每个图像都放在一列中，是吗？非常感谢您的支持：）谢谢@Goran，它成功了。：）

.col-xs-2.col-sm-6.col-md-4 {
 display: -moz-groupbox;
 display: table-caption;
}

<div class="container">
    <div class="row">
        <div class="col-md-4">
            <img id="img" src="img/homepage/images.jpg" class="img-responsive img-rounded">
        </div>
        <div class="col-md-4">
            <img id="img2" src="img/homepage/images(1).jpg" class="img-responsive img-rounded">
        </div>
        <div class="col-md-4">
            <img id="img3" src="img/homepage/image3.jpg" class="img-responsive img-rounded">
        </div>
    </div>
</div>