html - Bootstrap 3 : Thumbnail caption text wrapping to second line makes container height stretch

Question

Bootstrap 2 也存在同样的问题，但没有得到解答。希望 Bootstrap 3 会有人胜任这项任务 :-)。 请注意，还有另一个问题。在较低的屏幕分辨率下，文本不仅会破坏容器的形状，还会从容器中溢出。
提前致谢!
我有以下代码:

    <div class="col-md-1">
    <a class="thumbnail" href="islauncher:C:\Program Files\Microsoft Office\Office14\POWERPNT.exe">
    <img alt="PowerPoint" src="/sites/hedevenv/AppImages/PowerPoint.jpg">
    <div class="caption" style="align-content: center;">PowerPoint</div>
    </a>
    </div>

Answer 1

解决方法: 我通过以下方式解决了这个问题: 1. 在每个 col-md-1 之间留出 20px 的边距(底部、左侧、右侧)。 2. 将标题放在容器的外面，在它下面并给每个标题另外 10px 的底部边距。

现在看起来一切正常，但是如果您在每个缩略图周围没有 20px 并且不能在下面放置标题，那么最好能得到其他想法。