我想在Bootstrap中将图像粘在一起，但我不能

Question

我想在Bootstrap中制作我的图像：

但他们看起来像这样：

这里的代码[没什么大不了的]：

<img class="img-responsive" src="#" alt="example">
<img class="img-responsive" src="#" alt="example">
<img class="img-responsive" src="#" alt="example">
<img class="img-responsive" src="#" alt="example">

Answer 1

使用float:left

img{

    float:left;

    }

Answer 2

所以你不能通过将类放入其中来解决这个问题。

对于初学者来说，让第二行（第一张图像）与右上角的图像对齐并不容易。重叠使得＆＃34;困难＆＃34;

例如，您需要使用职位来实现这一目标。

在你的情况下，你应该有一个包含所有四个的div。并且是所有图像的精确高度/宽度。 （你也可以让这个响应将添加更多关于此的信息）。确保此div也相对定位。

然后相应地定位所有图像：f / e第一张图像{position：absolute：top：0; left：0} next应该是right：0 bottom line相同但是用bottom替换top。

现在你得到了你想要的但没有反应的静态结果。

为了实现这一点，你可能只会给图像一个百分比的大小。因为父div是相对的，你可以给块一个宽度：50％＆＃34;并且父div可以在这里扩展，但是这将是jynx高度。在这种情况下，我相信你可以通过给父div 0高度来完成这项工作。但底部有100％的填充物。