Html 引导：如何清除库中的图像？

首先，通过github链接到站点

对于任何拼写错误，我深表歉意，我今天已经为此工作了好几个小时

这是直接到画廊的

更新#2 进一步更新代码。非常感谢msfoster让我走上了正确的道路。令人惊讶的是，修复是多么简单。。。我只是不知道那是什么！哈哈xD

我觉得我现在想爬上一座山。。。但是日本现在是晚上10点，所以我要等到明天

代码块将提供修复

<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 image-wrapper"> <a href="img/nasarow-fo-to1.jpg" class="img-thumbnail">
         <img src="img/nasarow-fo-to1.jpg" class="img-responsive img-height">
      </a></div>

为了获得正确的高度和宽度，我们进行了一些实验，但发现如果我让宽度自动调整，并将高度保持在一个固定的速率，图像仍然会对视口大小做出响应，并保持在相同的均匀行中

这很难

我不确定这是否是一个永久性的修复，但我将在未来添加更多库时重新访问它

---

我正在使用引导创建一个带有网格系统的图库。不幸的是，在过去的几天里，我一直在努力把事情安排得井井有条。我似乎无法让clearfix正常工作，我不知道我是否将代码放在html中的错误位置

我也试过第n个子代码，但我也被它卡住了

在等待答案的过程中，我会继续研究，但肯定需要一些帮助

建议

在CSS中，我将高度限制为300px。你可以看到一些图片比其他图片高，我认为这是造成中断的原因，但我无法找出如何防止图片下降到下一行，而不是在每一行中都有2或3张我需要的图片

---

---

背景：现在是HTML和CSS的学生。在我浏览树屋课程时更新我的网站。

它中断的原因是，您为每三个图像创建一个新的

行

# # #

将打破

# #
#

然后下一个图像再次位于新行中：

# #
#
# 

将所有图像放在一行中，它们将根据您为每个图像设置的
col-x-y
而断开。
好的，用您的建议更新页面。我记得最初是这样做的，但如果你看一看，一旦视口变大，“较短”的图像会在“较高”的图像的右侧环绕。只需为
设置一个高度。图像包裹器
@Nathan你解决了吗？我意识到你必须有一个动态的高度。如果没有，看看刚才看到你的评论。我将用代码更新一下图像包装器和工具。看看我能不能修好它。谢谢你到目前为止的帮助，我很快会更新的。啊。。哈哈。。。哈哈哈！！！！我终于明白了。该死的。我现在要喝一杯清酒。福斯特小姐，非常感谢你让我走上了正确的道路。
# #
#
#